/* Modèle v1.26 18/08/2011 */


/********** A GARDER EN L'ETAT ************/
*{margin:0; padding:0;}
table{border-spacing:0;}
ul,ol {margin-bottom:10px;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}
.centre{text-align:center;}
.img_gauche {float:left; display:inline; margin:0 5px 5px 0;}
.img_droite {float:right; display:inline; margin:0 0 5px 5px;}
.ui-helper-hidden-accessible {top:0; /*Bug datepicker en pied de page*/}
section,nav,article,aside,hgroup,header,footer{display:block;}


/*********** A PERSONNALISER **************/
body {font:12px/1.7em Arial,Helvetica,sans-serif; color:#303030;}
#body{background:/*fond du site*/}
table{font:12px/1.7em Arial,Helvetica,sans-serif;}
a{color: #f10000; text-decoration:none;}
a:hover {text-decoration:underline;}

.uploadFichierFrame {
    width:430px;
    height:200px;
    border:none;
}

h1{font: bold 18px Arial; color:#cc0000; margin-bottom:17px;}
h2{font: bold 12px Arial; margin-bottom:5px;}
h3{font: bold 11px Arial;}
p {margin-bottom:10px;}
strong{font-weight: bold;} 
.uploadFichierAjout {
    cursor:pointer;
    padding:5px;
    float:left;
    display:ButtonFace;
    
}
.uploadFichierContenu {
    clear:both;
}
.uploadFichierListe  li {
    height:35px;
    margin-left:0px;
}
.uploadFichierListe  a.fichier {
    color:#000;
}
.uploadFichierListe  {
    list-style:none;
}
.uploadFichierListe  li  a.supprimer {
    background:url('/bop2/images/icone/supprimer.png') 0 7px no-repeat; 
    font-size:0;
    width:16px;
    height:32px;
    overflow:hidden; 
    display:inline-block;
    float:right
}
.uploadFichierListe  li  img {vertical-align:middle;width:32px;}
.uploadFichierHide {display:none;}

em{font-style: italic;}

.color {color:#f10000;}
.bold {font-weight:bold;}
.hr{font-size:1px; height:10px; border-bottom:1px solid #f10000; margin:0 0 10px;}
.asterisque{font-style:italic; font-size:9px;}

/*Megaselect*/
.MegaSelectInfobulle  {float:left; position:relative;display:inline;z-index:100}
.MegaSelectInfobulle .zoneAffichable {position:absolute; top:25px; display:none; box-shadow: 1px 1px 5px #555; border:1px solid #fff; padding:5px;  }
.MegaSelectInfobulle ul { list-style-type:none; margin-left:0px;}
.MegaSelectInfobulle li { margin-left:0px;border-bottom:1px dotted #808080}
.MegaSelectInfobulle li.selected {color:#fff; background-color:#808080}
.MegaSelectInfobulle .surligne {color:#000; background-color:#ffff00}

/* Formulaires */
.bouton{
  display:block; color:#fff; background-color:#f10000;
  font:bold 11px Arial; line-height:20px; width:160px; height:20px; border-width:0;  
  text-align:center; cursor:pointer;
}

input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
input, select, textarea{font: normal 12px Arial; color:#343434; border:2px solid #d2d2d2; border-radius:2px;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}
label span{color:#f00;}

.conteneur-fieldset h5 {font:bold 12px Arial; color:#303030; margin-bottom:5px;}
.row{clear:both; margin-bottom:20px;}
.row label{display:inline; float: left; margin-right: 5px; width: 175px; text-align: right;}
.row input {width: 254px; height:22px;}
.row select {width: 258px; height:26px;}

.row_chk{padding:0; clear:both; margin-bottom:20px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:20px;}
.row_are label{display:inline; float: left; margin-right: 5px; width: 175px; text-align: right;}
.row_are textarea {width: 254px; height:100px;}

.row_rad {clear:both; margin-bottom:20px;}
.row_rad .label{float:left; width:175px; text-align:right;}
.row_rad .rad {margin-left:180px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_bt {clear:both; margin-bottom:5px; text-align:center;}
.row_bt input{ font:12px Arial; color:#fff; text-align:center; width:100px; height:26px; border:0;
background: #fe0000; /* Old browsers */
background: -moz-linear-gradient(top,  #fe0000 0%, #9c0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe0000), color-stop(100%,#9c0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fe0000 0%,#9c0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fe0000 0%,#9c0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fe0000 0%,#9c0000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fe0000 0%,#9c0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0000', endColorstr='#9c0000',GradientType=0 ); /* IE6-9 */
}

.row_captcha input{margin-left:150px;}

.errors li{color:#ff0000}



/**********************************************/
/******************  CONTENEURS  **************/
/**********************************************/
#conteneur {width:100%;/* padding:10px;*/}
#content {padding-top:7px;}
#contenu {width: 95%; margin:0 auto;}

/******************************************/
/******************  ENTETE  **************/
/******************************************/
#header {width:100%; height:80px;/* margin:5px; */ margin-bottom:5px;}
#header #logo { float:left;}
#header #calendrier {width:150px; height:80px; float:right;margin:5px 50px 0 0;}
#header #headerNav {width:100px; height:64px; float:right; padding:16px 10px 0 30px;margin:10px;}
#header #langue {text-align:right; line-height:14px; margin-bottom:17px;}
#header #langue a{color:#fff; margin:0 5px;}
#header #langue a.active{font-weight:bold;}
#header #rubriqueTop {width:480px; float:left; margin:0; list-style-type:none;}
#header #rubriqueTop li{margin:0; float:left;}
#header #rubriqueTop li a{font-weight:bold; color:#fff; margin-right:18px;}
#header #rubriqueTop li a.last{margin-right:0;}
#header #numero {width:120px; float:right; color:#fff; text-align:right; margin-right:8px;}
#header .menu {
    color:#B00000;
    width:150px; 
    float:left;
    font-style: bold;
    font-size:14px;
    font-weight:bold;
    margin-top:40px;
    border:2px solid #333;
    border-radius:5px;
    padding:5px;
    margin-left:50px; 
    text-align:center;
}
#nav {width:970px; height:39px; background:url(../images/fond/nav.png) 0 0 repeat-x; margin-bottom:5px; position:relative;}
#rubriqueHeader {width:970px; height:39px; list-style-type:none;}
#rubriqueHeader li{margin:0; float:left; background:url(../images/fond/menuseparator.png) right 0 no-repeat; padding-right:1px;}
#rubriqueHeader li a{float:left; color:#fff; line-height:39px; padding:0 20px;}
#rubriqueHeader li a:hover,
#rubriqueHeader li a.active{background:url(../images/fond/menuitem.png);}
#connect {position:absolute; top:0; right:0; color:#fff; line-height:39px; padding:0 20px;}

/******************************************/
/**************  SIDEBAR  ****************/
/******************************************/
#sideBar {float: right; width: 310px;}
#sideBar p{margin:0;}
#sideBar a{display:block;}
#sideBar #pubCarre {border: 5px solid #F0F0F0; width:300px; height:295px; margin-bottom:15px;}
#sideBar #chat {border: 5px solid #F0F0F0; width:300px; height:70px; margin-bottom:15px;}
#sideBar #addthis p {text-align:right; margin:0;}
#sideBar #addthis p strong{display:inline-block; }
#sideBar #addthis p a{display:inline-block; border: 5px solid #F0F0F0; width:32px; height:32px; margin-left:5px;}
#sideBar #addthis p a img{display:inline-block; vertical-align: middle;}


/******************************************/
/**************  CONTACT  *****************/
/******************************************/



/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/
#footer{width:970px; height:auto; background-color: #303030; margin-top:30px; padding:15px 0 30px;}
#footer ul{list-style-type:none;}
#footer ul:after{content:''; display:block; clear:both;}
#footer ul li{margin:0;}
#footer ul a{color:#fff; font-size:10.5px; font-weight:bold;}
#footer .niv0 > li{float:left; width:234px; padding-left:8px;}
#copyright {color: #FFF; font-size: 10.5px; margin: 0 20px; overflow: hidden; text-align: left; line-height:14px;}
#copyright p{margin:0;}
#copyright a{color: #ccc; text-decoration: underline;}
#copyright a:hover{color: #fff;}



#btnLancerExport {
    background-color:#e8e8e8;
    width: 200px;
    text-align: center;
    margin-bottom: 10px;
    padding:5px;  cursor: pointer; float:left;margin:right:20px;}