﻿/**
* Feuille de style principale
*
* @client IRD
* @project UR
* @version 2
* @author Kaliop modifié EC
* @date 2010/09/01
* @lastmodified 2010/10/06
*
* @colordef #36444d (texte)
* @colordef #062375 (couleur foncee)
* @colordef #275fad (couleur de base)
* @colordef #d4e0f0 (couleur claire)
*
* @summary
*   INITIALISATION DES STYLES
*   TOP
*   HEADER
*   FIL D'ARIANE
*   CONTENU DE LA PAGE
*   ___ CONTENU DE LA PAGE ⇒ LEFT
*   ___ CONTENU DE LA PAGE ⇒ RIGHT
*   ___ CONTENU DE LA PAGE ⇒ CENTRAL
*   FOOTER
*
*/


/* ::::::::::::::::::::::::::: INITIALISATION DES STYLES */
body{
	font-family:arial, verdana, sans-serif;
	color:#36444d;
	padding:0;
	margin:0;
	font-size:100%;
        background:#ebf1f3;
}
body *{
	padding:0;
	margin:0;
	border:none;
}
body #page,
body .overflow_top,
body .overflow_footer{
	font-size:0.7em;
	width:1000px;
	margin: 0 auto;
}
body #page{
	border:1px solid #c6cacc;
}
#center{
	font-size:1.2em;
}
#center .bloc {
    font-size:0.8em;
}
a{
	text-decoration:underline;
    color:#062375;
}
a:hover, a:focus{
	text-decoration:none;
}
ul{
	list-style:none;
}
ol{
	list-style-type:decimal;
	list-style-position:inside
}
h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
}
.clear{
	clear:both;
}
.horschamp{
	position:absolute;
	left:-2000px;
}
.display_none{
	display:none;
}
form .text input,
form textarea,
select{
	font-family:arial, verdana, sans-serif;
	font-size:1em;
	border:1px solid #275fad;
	background:#fff;
}
form .submit input{
	font-family:arial, verdana, sans-serif;
	font-size:1em;
    cursor:pointer;
}
/* ::::::::::::::::::::::::::::::::::::::::  TOP */
#top{
    margin:0.5em;
	color:#557180;
	height:0.9em;
}
#top li{
    display:inline;
    padding-left:3px;
}
#top a{
	color:#557180;
	background:url(../images/bkgd/separateur_satellites.png) no-repeat left center;
	padding-left:6px;
	text-decoration:none;
}
#top li:first-child a{
	background:none;
}
#top a:hover,
#top a:focus{
	text-decoration:underline;
}
/* ///////// liens d'évitement */
#top .skiplink{
    float:left;
}
#top .skiplink a{
	background:none;
	padding-left:0;
}
/* ///////// liens satellites */
#top .satellites{
    float:right;
}
#top .satellites .rss{
    background:url(../images/pictos/picto_rss.png) no-repeat right center;
    padding:1px 0;
    padding-right:20px;
}
/* ::::::::::::::::::::::::::::::::::::::::  HEADER */
#header{
    border-bottom:5px solid #062375;
    clear:both;
    background:#275fad;
    color:#fff;
    overflow:hidden;
    position:relative;
	min-height: 40px;
}
#header a{
    color:#fff;
    text-decoration:none;
}
/* ///////// bandeau */
#header .bandeau {
    position:relative;
    overflow:hidden;
}
#header .bandeau_actif img {
    position:absolute;
    left:0;
    top:0;
}
/* ///////// titre */
#header h1{
    width:63%;
    float:left;
    padding:10px 1em;
    font-size:2.1em;
}
#header h1 img{
   float:left;
   margin-right:0.5em;
   margin-top:0.2em;
}
#header h1 span{
   display:block;
   overflow:hidden;
}
/* ///////// moteur de recherche */
#header #recherche{
    position:absolute;
    right:5px;
    bottom:10px;
}
#header #recherche *{
    display:inline;
    vertical-align:middle;
}
#header #recherche .text input{
    width:17em;
    border: 1px solid #062375;
    padding:3px;
    color:#557180;
}
#header #recherche input.submit{
    color:#fff;
    background: #062375;
    border: 1px solid #fff;
    width:auto;
    font-weight:bold;
    padding:1px 3px;
    cursor:pointer;
}
#header #recherche input.submit:hover,
#header #recherche input.submit:focus{
    color:#062375;
    background: #fff;
}
/* ::::::::::::::::::::::::::::::::::::::::  FIL D'ARIANE */
.tools{
    background:#fff;
    padding:1em 5px 1.5em 5px;
}
.tools .lang{
    float:left;
}
.tools .lang li{
    display:inline;
}
.tools .lang a{
	background:url(../images/bkgd/separateur_satellites.png) no-repeat left center;
	padding-left:6px;
}
.tools .lang li:first-child a{
	background:none;
	padding-left:0;
}
.tools .fil{
	margin-left:217px;
}
/* :::::::::::::::::::::::::::::::::::::::  CONTENU DE LA PAGE */
#content{
	clear:both;
    background: #fff;
    overflow:hidden;
}
.col{
	width:200px;
}
/* ::::::::::::  CONTENU DE LA PAGE ⇒ LEFT */
#left{
	float:left;
	margin-right:20px;
}
#content #left .bloc{
    margin-left:5px;
}
/* ///////// menu */
#content #left .menu{
	border:1px solid #062375;
	border-bottom:0;
	border-left:0;
	font-size:1.1em;
	font-weight:bold;
	margin-left:0;
}
/* menu ⇒ niveau 1 */
#left .menu ul{
	margin:0;
	padding:0;
}
#left .menu li{
	border-bottom:1px solid #062375;
	background:url(../images/spec/puce_triangle_bottom_color.png) no-repeat right bottom;
	margin:0;
	padding:0.5em 0;
	position:relative;
}
#left .menu ul a.picto{
    position:absolute;
	z-index:50;
	width:8px;
	height:11px;
	padding:7px 6px;
	left:0;
	top:0;
	cursor:pointer;
	background:#fff;
}
/* menu ⇒ niveau 2 */
#left .menu ul ul{
	border-top:1px solid #d4e0f0;
	padding-left: 20px;
	margin:0;
}
#left .menu li li,
#content #left .connexion li li{
   padding:0.3em 0;
	border:0;
	background:none;
	font-weight:normal;
}
#left .menu ul ul a{
	background:url(../images/spec/puce_feuille_small_color.png) no-repeat 2px 2px;
	padding-left:12px;
}
#left .menu ul ul a.picto{
	padding:4px 0;
}
/* menu ⇒ niveau 3 */
#left .menu ul ul ul{
	border-top:0;
}
#left .menu li li li{
	border:0;
	background:none;
	font-weight:normal;
}
/* menu ⇒ liens */
#left .menu ul a{
	padding-left:20px;
	text-decoration:none;
	display:block;
}
#left .menu ul a,
#left .menu ul .selected ul a,
#left .menu ul .selected .selected ul a{
	color:#36444D;
}
#left .menu ul .selected a,
#left .menu ul .selected .selected a,
#left .menu ul .selected .selected .selected a,
#left .menu ul a:hover,
#left .menu ul a:focus{
	color:#275fad;
}
#left .menu ul a:hover,
#left .menu ul a:focus{
	text-decoration:underline;
}
/* menu ⇒ connexion */
#left .connexion{
    background:#d4e0f0;
}
#left .connexion p{
    font-weight:normal;
	padding:0.5em 0 0.5em 16px;
	font-size:0.9em;
	border-bottom:1px solid #062375;
	margin-bottom:0;
}
#left .connexion li{
	border-bottom:1px solid #062375;
	background-image:url(../images/spec/puce_triangle_bottom_color_fonce.png);
}
#left .connexion ul a.picto{
	background:#d4e0f0;
}
#left .connexion ul a{
    color:#062375;
}
#left .connexion ul ul a{
	background-image:url(../images/spec/puce_feuille_small_color_fonce.png);
}
#left .connexion ul .selected a,
#left .connexion ul a:hover,
#left .connexion ul a:focus{
	color:#062375;
}
/* ::::::::::::  CONTENU DE LA PAGE ⇒ RIGHT */
#right{
	float:right;
}
/* ::::::::::::  CONTENU DE LA PAGE ⇒ CENTRAL */
#center{
    width:560px;
    float:left;
}
.no_right #center{
    width:760px;
}
/* ::::::::::::  CONTENU DE LA PAGE ⇒ styles */
/* CONTENU DE LA PAGE ⇒ introduction et sommaire */
#content .intro{
    font-size:1.1em;
    font-weight:bold;
    line-height:1.2em;
    margin-bottom:1.5em;
}
#content .intro p,
#content .intro ul,
#content .intro ol{
    margin-bottom:1.5em;
}
#content .intro .illustration .credit,
#content .intro .illustration .legende {
    display:none;
}
#content .sommaire{
    font-size:0.9em;
    font-weight:normal;
}
#content .sommaire.with_ill{
    margin-left:168px;
}
#content .sommaire h3{
    margin:0 0 0.5em 0;
    background-image:url("../images/spec/puce_triangle_top_color_fonce.png");
    border-color:#062375;
}
#content .sommaire ul{
   margin:0;
   margin-left:10px;
}
#content .sommaire li{
   background:url(../images/spec/puce_triangle_left_mini_color_fonce.png) no-repeat left 0.4em;
   padding-left:7px;
}
#content .sommaire strong{
    font-weight:normal;
}

#content .chapitre_display_yes {
	display:inline;
}
#content .chapitre_display_no {
	display:none;
}

#content .sommaire a{
    text-decoration:none;
}
#content .sommaire a:hover,
#content .sommaire a:focus{
    text-decoration:underline;
}
/* CONTENU DE LA PAGE ⇒ titres */
#content h2{
    clear:both;
    color:#275fad;
    font-size:1.4em;
    background:url(../images/spec/puce_feuille_big_color.png) no-repeat left 5px;
    padding-left:17px;
    margin-bottom:1em;
}
#content .meta_titre{
    font-size:1.25em;
    margin-top:-1em;
    margin-bottom:1.5em;
}
#content h3{
    font-size:1.25em;
    background: url(../images/spec/puce_triangle_top_color.png) no-repeat left top;
    padding-left:9px;
    padding-top:2px;
    border-top:1px solid #275fad;
    margin:2.5em 0 1em 0;
}
#page #content h3 a{
    text-decoration:none;
}
#content h4{
    font-size:1.1em;
    background: url(../images/spec/puce_feuille_color.png) no-repeat left 3px;
    padding-left:13px;
    margin:2.5em 0 1em 0;
}
#content h4 a{
    text-decoration:none;
}
#content h5{
	font-size:1.1em;
	margin:1.2em 0 0.2em 0;
	color:#275fad;
}
#content h6{
	font-size:1em;
	margin:0.7em 0 0.2em 0;
}
#page #content h3 a:hover,
#page #content h3 a:focus,
#content h4 a:hover,
#content h4 a:focus{
    text-decoration:underline;
}
/* CONTENU DE LA PAGE ⇒ paragraphes et listes */
#content p,
#content ul,
#content ol{
	margin-bottom:1em;
}
#content ul,
#content ol{
	margin-left:2em;
}
#content li{
	margin:0.1em 0;
}
#content ul li{
	background: url(../images/spec/puce_feuille_li_color.png) no-repeat left 3px;
	padding-left:10px;
	overflow:hidden;
}
#content ul ul,
#content ul ol,
#content ol ul,
#content ol ol{
	margin:0.5em 0 0.5em 2em;
}
/* CONTENU DE LA PAGE ⇒ fichiers à télécharger */
#content .file{
	background:url(../images/spec/picto_file.png) no-repeat left 0.2em;
	padding-left:13px;
}
/* CONTENU DE LA PAGE ⇒ images */
#content .legende{
	font-size:0.9em;
    color:#275fad;
    text-align:center;
    display:block;
}
#content .legende em{
	display:block;
	font-style:normal;
}
.illustration a{
	text-decoration:none;
}
.text-center{
    text-align:center;
}
.text-left{
    text-align:left;
}
.text-right{
    text-align:right;
}
.text-justify{
    text-align:justify;
}


/* ::::::::::::::::::::::::::::::::::::::::::::  HIGHSLIDE */
a.highslide-wrapper {
	text-decoration:none;
	display:block;
	padding:1px;
    background:#fff;
    border:1px solid #BFBFBF;
    border-width:1px 2px 2px 1px;
	-moz-border-radius:5px;
    border-radius:5px;
}
.highslide-image {
	border-width: 5px;
	border-style: solid;
	border-color: white;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.highslide-container
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	color:#4A4A4A;
	font-size:0.8em;
	background:#fff;
}
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	background: url(graphics/close.png);
}

/* CONTENU DE LA PAGE ⇒ positionnement des éléments */
#content .left, #content .object-left{
	float:left;
	margin:0;
	margin-right:1.5em;
}
#content .right, #content .object-right{
	float:right;
	margin:0;
	margin-left:1.5em;
}
#content .center, #content .object-center, #content .object-center p,
#content .center p{
	margin:0 auto;
	text-align:center;
}
#content .center.filtres{
	text-align:left;
}
#content .center.filtres p{
    margin:0 0 1em 0;
}
/* CONTENU DE LA PAGE ⇒ tableaux */
#content table{
	width:100%;
	border-collapse:collapse;
	margin:1em 0 2em 0;
}
#content table caption{
	font-size:1.1em;
	text-align:left;
    font-weight:bold;
    padding-bottom:0.5em;
    color:#275FAD;
}
#content table th{
	background:#D4E0F0;
	color:#275FAD;
    font-size:1.1em;
	text-align:center;
	vertical-align:top;
	padding:0.5em 0.2em;
    border:1px solid #275FAD;
}
#content table td{
	vertical-align:top;
	border:1px solid #275FAD;
	padding:0.4em;
}
/* CONTENU DE LA PAGE ⇒ video */
#content .video{
   margin:1.5em auto;
   width:560px;
}
#content .video ul{
   margin:0;
   margin-top:0.5em;
}
#content .video li{
   background:none;
   padding-right:4em;
   padding-left:0;
   display:inline;
}
#content .video li a{
   background:url(../images/spec/puce_triangle_left_mini_color_fonce.png) no-repeat left 0.4em;
   padding-left:7px;
}
/* CONTENU DE LA PAGE ⇒ tags */
#content .tag{
    border-top:1px solid #275FAD;
    padding-top:0.5em;
	margin:2em 0;
	clear:both;
}
#content .tag p{
    margin-bottom:0.4em;
}
/* CONTENU DE LA PAGE ⇒ date mise à jour */
#content .maj{
	text-align:right;
	margin:2em 0;
}
/* ::::::::::::  CONTENU DE LA PAGE ⇒ article */
#content .article{
    margin-bottom:3em;
}
#content .edito h3{
    margin-top:0;
}
/* ::::::::::::  CONTENU DE LA PAGE ⇒ blocs */
#content .bloc{
    overflow:hidden;
    margin-bottom:2em;
}
#content .bloc h2{
    font-size:1.25em;
    background: url(../images/spec/puce_triangle_top_color.png) no-repeat left top;
    padding-left:9px;
    padding-top:2px;
    border-top:1px solid #275fad;
    margin:0;
    color:#36444D;
}
#content #right .bloc .content_bloc{
    padding-right:5px;
}
#content #right .bloc .content_bloc .rss{
    background:url(../images/pictos/picto_rss.png) no-repeat right center;
    padding: 1px 20px 0 0px;
}
#content .bloc h3{
    font-size:1.1em;
    background: url(../images/spec/puce_feuille_color.png) no-repeat left 3px;
    padding:0;
    border:0;
    padding-left:13px;
    margin:1em 0 0.5em 0;
}
#page #content .bloc h3.rss{
    background: url(../images/spec/picto_rss.png) no-repeat right center;
    padding:2px 30px 2px 0;
    display:inline;
    color:inherit;
}
#content .bloc .meta{
    font-size:0.9em;
    margin:0;
}
#content .bloc .meta a{
    color:inherit;
}
#content .bloc .vue{
    margin:1em 0;
    clear:both;
    overflow:hidden;
}
#content .bloc .lien_bloc{
    text-align:right;
}
#content .bloc .lien_bloc a{
    background:url(../images/spec/puce_triangle_left_mini_color_fonce.png) no-repeat left 0.4em;
    padding-left:7px;
}
#content .col_left{
    float:left;
    width:48%;
}
#content .col_right{
    float:right;
    width:48%;
}
/* vue libre */
#content .bloc .libre{
    margin:1em 0
}
#content #right .bloc.encadre .libre{
    margin-right:0;
}
#content .bloc .libre ul{
    margin-left:1em;
}
#content  .bloc .libre p,
#content  .bloc .libre ul,
#content  .bloc .libre ol{
	margin-bottom:0.5em;
}
/* vue list */
#content .bloc .content_list{
    font-size:0.9em;
    margin:1.5em 0
}
#content .bloc .list{
    background: url(../images/spec/puce_feuille_color.png) no-repeat left 3px;
    padding-left:13px;
}
#content .bloc .content_list .file{
    background: url(../images/spec/picto_file.png) no-repeat left 1px;
}
#content .bloc .list strong{
    font-size:1.2em;
    display:block;
}
#content .bloc .list strong a{
    text-decoration:none;
}
#content .bloc .list strong a:hover,
#content .bloc .list strong a:focus{
    text-decoration:underline;
}
#content .bloc .list .meta{
    display:block;
}
/* vue view */
#content .bloc .view h3{
    margin-top:0;
}
#page #content .bloc .view h3 a:hover,
#page #content .bloc .view h3 a:focus{
    text-decoration:underline;
}
#content .bloc .view .resume{
    margin:1em 0;
}
#content .bloc .view .resume .illustration{
    float:left;
    margin-right:1em;
}
#content .col .bloc .view .resume .illustration{
    float:none;
    margin:0 auto 1em auto;
}
#content .bloc .view .resume .illustration .legende{
    display:none;
}
/* blocs encadres */
#content #right .bloc.encadre{
    margin-right:5px;
}
#content .bloc.encadre h2{
    font-size:1.25em;
    padding:0.5em 0.5em 0.2em 0.5em ;
    border:1px solid #062375;
    border-bottom-width:3px;
    margin:0;
    color:#fff;
    background: #275fad url(../images/bkgd/angle_bloc.png) no-repeat right top;
    margin-right:-1px;
    margin-top:-1px;
}
#content .bloc.encadre .content_bloc{
    border:1px solid #062375;
    padding:0 5px;
    overflow:hidden;
}
#content #center .bloc.encadre .content_bloc{
    padding:0 10px;
}
#content .bloc.encadre .content_list{
    margin:0;
}
#content .bloc.encadre .lien_bloc{
    padding-right:0;
}
#content .bloc.encadre .rss{
    background:url(../images/pictos/picto_rss.png) no-repeat right center;
    padding: 1px 20px 0 0px;
}

/* ::::::::::::  CONTENU DE LA PAGE ⇒ compilation d'articles */
/* compilation d'articles => pagination */
#content .pagination{
	clear:both;
    overflow:hidden;
    margin-bottom:2em;
}
#content .pagination p{
    padding-top:0.7em;
    border-top:1px solid #d4e0f0;
}
#content .pagination ul{
	font-weight:bold;
	text-align:center;
	margin:0;
	margin-bottom:0.4em;
	font-size:1.1em;
}
#content .pagination a{
	text-decoration:none;
    color:#275fad;
}
#content .pagination a:hover,
#content .pagination a:focus{
	text-decoration:underline;
}
#content .pagination ul li{
	display:inline;
	margin:0;
	padding:0 0.2em;
    background: none;
}
#content .pagination .disabled{
	opacity:0.3;
}
/* compilation d'articles => criteres */
#content .criteres ul{
   margin-left:13px;
}
#content .criteres li{
   background:url(../images/spec/puce_triangle_left_mini_color_fonce.png) no-repeat left 0.4em;
   padding-left:7px;
   margin-bottom:0.2em;
}
#content .criteres a{
   text-decoration:none;
}
#content .criteres a:hover,
#content .criteres a:focus{
   text-decoration:underline;
}
/* compilation d'articles => pertinence */
#content .pertinence strong {
    float:right;
    font-weight:normal;
    color:#275FAD;
    font-size:0.9em;
}
#content .pertinence span {
    background:#275FAD;
    display:block;
    float:right;
    margin-left:1em;
}



#content .rss-button {
    float: right;
}


/* compilation d'articles => liste */
#content .compil_article{
    margin-top:2em;
}
#content .compil_article .vue{
    margin-bottom:1em;
    padding-bottom:0.5em;
    overflow:hidden;
    border-bottom:1px solid #d4e0f0;
}
#content .compil_article .vue p{
    margin:0.5em 0;
}
#content .compil_article .vue h3{
    font-size:1.1em;
    background: url(../images/spec/puce_feuille_color.png) no-repeat left 3px;
    padding:0;
    border:0;
    padding-left:13px;
    margin:0 0 0.5em 0;
}
#content .compil_article .vue .meta{
    margin:0;
}
#content .compil_article .vue .meta a{
    color:inherit;
}
#content .compil_article .vue .illustration{
	float:left;
	margin:0.4em 1em 0.5em 0;
}
#content .compil_article .vue .legende{
	display:none;
}
/* ::::::::::::  CONTENU DE LA PAGE ⇒ formulaire */
#content .formulaire{
    margin:2em 1em;
}
#content .formulaire .info{
    font-style:italic;
    margin-bottom:1em;
    text-align:right;
}
#content .formulaire p{
    overflow:hidden;
    margin:0.5em 0;
}
#content .formulaire label{
    float:left;
    width:31%;
    text-align:right;
    margin-right:2.5%;
    margin-top:3px;
}
#content .formulaire .text input,
#content .formulaire .select select,
#content .formulaire .text textarea{
    float:right;
    width:65%;
    padding:2px;
}
#content .formulaire .select select{
    width:66.2%;
    padding:0;
}
#content .formulaire .select option{
    padding:2px 2px 0 2px;
}
#content .formulaire .submit{
    float:right;
}
#content .formulaire .submit input{
    background:#275FAD;
    border:1px solid #062375;
    color:#fff;
    font-size:1.25em;
    font-weight:bold;
    padding:0 2em;
}
#content .formulaire .submit input:hover,
#content .formulaire .submit input:focus{
    background:#062375;
}
#content .formulaire .required{
    font-weight:bold;
}
/* recherche avancee */
#content .recherche_avancee {
    overflow:hidden;
    margin-bottom:3em;
}
#content .recherche_avancee .checkbox label{
    float: none;
    width: auto;
    margin-right:0;
    margin-top:0;
    text-align: left;
    vertical-align:middle;
}
#content .recherche_avancee .checkbox input{
    margin-right:3em;
    vertical-align:middle;
}
#content .recherche_avancee .text{
    float:left;
    width:50%;
}
#content .recherche_avancee .text input{
    float:none;
    width:90%;
}
/* ::::::::::::  CONTENU DE LA PAGE ⇒ connexion */
#content .connect{
    background: #D4E0F0 url("../images/spec/puce_triangle_bottom_color_fonce.png") no-repeat right bottom;
    border:1px solid #062375;
    padding:0.2em 1em;
    overflow:hidden;
    margin:2em 0;
}
#content .connect p{
    width:80%;
}
#content .connect .info{
    width:100%;
}
#content .connect .submit{
    width:auto;
    margin-right:20%;
}
#content .connect .text label{
    width:45%;
}
#content .connect .text input{
    width:50%;
}
/* ::::::::::::  CONTENU DE LA PAGE ⇒ plan du site */
#content .sitemap{
    overflow:hidden;
}
#content .sitemap .col_left{
    float:left;
    width:45%;
}
#content .sitemap .col_right{
    float:right;
    padding-right:2%;
    width:43%;
}
#content .sitemap h3{
    font-size:1.1em;
    background: url(../images/spec/puce_feuille_color.png) no-repeat left 3px;
    padding:0;
    border:0;
    padding-left:13px;
    margin:1em 0 0.5em 0;
}
#content .sitemap ul{
   margin-left:13px;
   margin-bottom:1.5em;
}
#content .sitemap li a{
   text-decoration:none;
   color:#36444D;
}
#content .sitemap li a:hover,
#content .sitemap li a:focus{
   text-decoration:underline;
}
#content .sitemap li ul{
   margin-top:0.2em;
   margin-bottom:0.2em;
}
#content .sitemap .connect h3{
   background-image:url(../images/spec/puce_feuille_color_fonce.png) ;
}
#content .sitemap .connect li{
   background-image:url(../images/spec/puce_feuille_li_color_fonce.png) ;
}
/* ::::::::::::::::::::::::::::::::::::::::::::  FOOTER */
/* bloc en pied de page */
#content .bloc_footer{
	clear:both;
	text-align:center;
	padding:2em 1em;
	padding-top:3em;
}
#content .bloc_footer li {
	display:inline;
	padding: 0 1em;
	background:none;
}
#content .bloc_footer li img{
	vertical-align:middle;
}
/* pied de page */
#footer{
	clear:both;
	text-align:center;
	margin:0.5em;
	color:#557180;
}
#footer a{
	color:#557180;
	background:url(../images/bkgd/separateur_satellites.png) no-repeat left center;
	padding-left:6px;
}
#footer li:first-child a{
	background:none;
}
#footer li{
    display:inline;
    padding-left:3px;
}
/* A supprimer en dev */
.template{
    position:absolute;
    top:0;
    color:#ccc;
    font-size:10px;
    font-weight:bold;
    font-family:verdana;
    background-color: rgba(95, 95, 95, 0.7);
    padding:0.5em 1em;
}
.template a{
    color:#fff;
    text-decoration:none;
}

#debug table td {
    padding: 0 3px;
}

#captchaRegister{
    margin-left: 38%;
}

/* Cookie bar */
.cookiebar_ird{
	background-color:#fff;
	text-align: center;
	padding: 5px;
	font-size: 12px;
	border-bottom: 1px solid #eeeeee;

}
.cookiebar_ask {
	width: 300px;
	background-color: #DDD;
	repeat: scroll 0% 0% white;
	border: 1px solid #ededed;
	padding: 10px 10px;
	text-align: center;
	position: fixed;
	top: 30px;
	left: 50%;
	margin-top: 0px;
	margin-left: -150px;
	z-index: 100000;
	opacity: 1;
}

#inform-and-ask{
	z-index: 1000;
}
.button_ask_cookie {
	margin-right:50px;
	text-decoration:none;
	border : inherit;
	padding: 3px;
	background: #E30614;
	color: #fff;
	height: 35px;
	width: 80px;
}
.button_ask_cookie_ok {
	text-decoration:none;
	border : inherit;
	padding: 3px;
	background: #1F71B8;
	color: #fff;
	height: 35px;
	width: 80px;
}
.div_ask_cookie {
	padding :10px 10px;
	text-align:center;
}

#cookie_bar_close {
	font-weight: bold;
	margin-left: 20px;
	cursor: pointer;
}