body{
margin:0px;
font-family:Arial;
background: #2f2f2f;
}
h1{
position:absolute;
top:-300px;
}
a{
color:#113366;
}
a img{
border:0px;
}

p{
text-align:justify;
font-size:11pt;
color:#222;
}

#block-pagination{
width:590px;
height:20px;
text-align:center;
font-size:10pt;
margin: 5px 0px;
}

#block-pagination a{
margin:0px 2px;
float:left;
display:block;
background-color:#5a5a5a;
color:#fff;
padding:2px 7px;
text-decoration:none;
}

#block-pagination a:hover{
background-color:#238EC0;
color:#fff;
}

#block-pagination span{
margin:0px 2px;
float:left;
display:block;
color:#5a5a5a;
padding:2px 7px;
text-decoration:none;
}

p.descriptionTop strong{
font-size:11pt;
color:#113366;
}

p.descriptionTop a{
color:#113366;
}

#descriptionTopPub{
margin : 10px 0px;
}
#descriptionBottomPub{
margin-bottom : 10px;
}
/*
#siteTotal{
width: 1600px;
left: 50%;
margin-left: -800px;
position: relative;
background: transparent;
position:relative;
}
*/

#site{
width:1000px;
margin:0px auto;
}

#tete ul{
background: url(/images/design/fondDroite.jpg) repeat;
list-style: none;
margin:0 0 15px 0;
padding:0;
border-bottom:1px solid #aaa;
}
#tete ul li{
display: inline;
}
#tete ul li a{
padding: 10px;
display: inline-block;
color:#222;
text-decoration:none;
text-shadow: 0px 1px 1px #aaa;
}
#tete ul li a:hover{
text-shadow: 0px 1px 1px #222;
}
#tete img.logo{
float:left;
margin: 10px;
}

#tete #cse-search-box{
float:left;
margin-top: 18px;
}

#tete #cse-search-box  input[type=text]{
border: 2px #222 solid;
padding: 2px;
height: 30px;
box-shadow: rgb(17, 17, 17) 2px 3px 4px;
border-radius: 4px;
width: 350px;
}

#tete #cse-search-box  input[type=submit]{
color: #fff;
font-weight: bold;
text-shadow: 0px 1px 3px #222;
height: 35px;
background: #238ec0;
border: 2px solid #0A6BA5;
cursor: pointer;
box-shadow: rgb(17, 17, 17) 2px 3px 4px;
}

#tete #icones-sociales{
float: left;
/* height: 100%; */
margin: 10px 0px 0px 70px;
box-shadow: 2px 3px 4px #222;
}

#tete #icones-sociales a{
float: left;
display: block;
width: 32px;
padding: 10px;
}

#tete #icones-sociales a.fbo{
background-color:#3B5998;
}

#tete #icones-sociales a.twi{
background-color:#4099FF;
}

#tete #icones-sociales a.rss{
background-color:orange;
}

#corp{
background: url(/images/design/fondDroite.jpg) repeat;
border-top: 2px solid #aaa;
margin-top:10px;
padding: 10px 0;
}

#corpGauche{
float:left;
width:670px;
margin: 0px;
padding : 0 10px 0 0;
}

#corpDroite{
float:right;
width:300px;
padding : 0 10px 0 0;
}

.filariane{
float:left;
font-size: 11px;
margin:0 0 10px 3px;
}

.filariane a{
text-decoration:none;
}

#carrousel{
width:667px;
height:240px;
border:2px solid #e8e8e8;
margin:0 0 5px 10px;
}

#contentCarrousel{
width:400px;
height:240px;
float:left;
position:relative;
}

#contentCarrousel a{
display:block;
width:400px;
height:240px;
text-decoration:none;
}

#contentCarrousel h2{
width:396px;
margin:0px;
padding:3px 2px;
background-color:#238ec0;
color:#fff;
font-size:12pt;
position:absolute;
bottom:0px;
opacity:0.8;
}

#choixCarrousel{
float:left;
width:266px;
background-color:#ff000;
}

#choixCarrousel a{
display:block;
background-color:#ff5555;
height:80px;
background: url(/images/design/carrousel/lien.jpg) repeat-x;
color:#323232;
text-decoration:none;
border-left:2px solid #e8e8e8;
}

#choixCarrousel a:hover{
background: url(/images/design/carrousel/lien-survol.jpg) repeat-x;
color:#ffffff;
border-left:2px solid #238ec0;
}

#choixCarrousel .lienselectionner{
background: url(/images/design/carrousel/lien-selectionner.jpg) repeat-x;
color:#ffffff;
border-left:2px solid #323232;
}

#choixCarrousel a img{
float:right;
display:block;
margin:4px 5px 0px 0px;
}
#choixCarrousel a h2{
float:left;
font-size:9pt;
width:155px;
margin-left:2px;
margin-bottom:0px;
}
#choixCarrousel a span{
font-size:7pt;
font-weight:bold;
}

.block_actu_colonne{
display:block;
position:relative;
width:200px;
height:240px;
margin:10px 0px 0px 19px;
float:left;
background:#fff;
border: solid 1px #cecece;
box-shadow: 0px 3px 0px #cecece;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
padding: 1px;
}
.block_actu_colonne a {
text-decoration: none;
}
.block_actu_colonne a span {
display: block; 
margin : 5px 5px 0 5px;
text-align:left;
color: #238ec0;
}
.block_actu_colonne_infoTop{
position:absolute;
bottom:0px;
width: 100%;
font-size: 10pt;
border-top: 1px dashed #e7e7e7;
}
.block_actu_colonne_infoTop a{
color:#909090;
}
.block_actu_colonne_infoTop a:first-child{
width: 50%;
text-align: center;
display: block;
float: left;
border-right: 1px dashed #e7e7e7;
}
.block_actu_colonne_infoTop a:last-child{
width: 48%;
text-align: center;
display: block;
float: left;
}

#les-dernieres{
float:left;
width:670px;
}

.block-les-dernieres{
display:block;
height:135px;
border-bottom:1px dotted #323232;
margin:0px 0px 5px 10px;
background-color:#ffffff;
position:relative;
}

.block-les-dernieres img{
float:left;
margin:5px;
}

.block-les-dernieres strong a{
font-size:12pt;
color:#238ec0;
text-decoration:none;
}

.block-les-dernieres strong{
display:block;
margin:3px 0px 0px 0px;
}

.block-les-dernieres p strong{
display:inline;
}

#ancreTop strong{
font-size:20px;
color:#238ec0;
}

.block-les-dernieres p{
font-size:10pt;
margin:2px 0px 0px 0px;
text-align:justify;
padding-right:3px;
}

.info-block{
font-size:10pt;
display:block;
height:20px;
position:absolute;
bottom:5px;
right:3px;
width:450px;
}

.info-block a{
color:#238ec0;
text-decoration:none;
}

.info-block span{
display:block;
float:right;
margin:2px 5px 0px 0px;
}

.info-block .categorie-info-block{
float:left;
}

.info-block span b{
float:left;
}

.info-block span img{
float:right;
margin:0px 0px 10px 5px;
}

#top-carre{
height:215px;
border-top:5px solid #238ec0;
border-bottom:1px dotted #323232;
margin-bottom:5px;
background-color:#e5f3f9;
margin-left:10px;
width:655px;
float:left;
}

#top-carre h2{
color: #238ec0;
margin:3px 0px 3px 17px;
font-size:18pt;
}

.block-top-carre{
display:block;
float:left;
width:200px;
margin-left:13px;
text-align:center;
}

.block-top-carre strong a{
font-size:10pt;
text-decoration:none;
}

.block-top-carre strong a:hover{
text-decoration:underline;
}

.droite-top h2{
display:block;
font-size:15pt;
color: #238ec0;
border-bottom:3px solid #238ec0;
}
/*
.droite-top h2:first-child{
margin-top:0px;
}
*/
.block-droite-top{
display:block;
float:left;
width:290px;
border-bottom:1px dotted #323232;
margin:0px 0px 5px 5px;
background-color:#ffffff;
position:relative;
}

.block-droite-top img{
float:left;
margin:0px 5px 3px 0px;
}

.block-droite-top strong a{
font-size:10pt;
float:left;
width:180px;
text-decoration:none;
color: #238ec0;
}

.block-droite-top strong a:hover{
text-decoration:underline;
}

.block-droite-top span a{
padding:2px 5px;
font-size:8pt;
position:absolute;
bottom:0px;
right:0px;
background-color:#238ec0;
color:#fff;
text-decoration:none;
}
/*--Top--*/

#topH2{
color:#238ec0;
font-size:20pt;
margin-top:0px;
}

#conteneurTop{
padding-left: 10px;
}

p.infoTop{
color:#aaaaaa;
font-size:11pt;
margin:5px 0px;
}

p.infoTop span.auteur_date{
float:left;
}

p.infoTop span.categorie_type{
float:right;
}

p.infoTop a{
color:#238ec0;
font-size:12pt;
}

p.creditPhoto{
margin: 5px 0px;
text-align: center;
font-size: 8pt;
}

#videoConteneurTop{
margin-top: 20px;
text-align: center;
}

#blockResaux{
display:block;
background-color: #E5F3F9;
padding:5px;
height:20px;
line-height:20px;
margin-top:5px;
clear:both;
}

#blockResaux span.nbvue{
color:#238ec0;
font-weight:bold;
font-size:16pt;
float:right;
}

p.paginationTop{
text-align:center;
display:block;
}

p.paginationTop a{
padding:2px 7px;
color:#ffffff;
background-color: #238ec0;
border:1px solid #E5F3F9;
/*margin:0px 5px;*/
text-decoration:none;
}

p.paginationTop a:hover{
background-color: #E5F3F9;
color: #238ec0;
}

#contentVideo{
margin-bottom:10px;
text-align: left;
}

#pied{
background: #2f2f2f;
box-shadow: 0px 1px 20px black inset;
clear:both;
height:160px;
font-size:10pt;
}

#pied ul{
height:90px;
width:180px;
border-right:2px solid #ffffff;
float:left;
list-style-type:none;
}

#pied a{
border-bottom:1px dotted #ffffff;
color:#ffffff;
text-decoration:none;
}

#description{
float:left;
width:250px;
color:#ffffff;
padding:10px  0px 0px 10px;
text-align:justify;
}

.bon{
color: black;
background-color: #D1FCAE;
border: solid 1px #83ED2D;
padding:5px 10px;
}

.mauvais{
color: black;
background-color: #FFEBE8;
border: solid 1px #DD3C10;
padding:5px 10px;
margin:0px;
}

#entete{
width:100%;
min-height:110px;
padding: 10px 0px 0px 0px;
background: url(/images/design/fondDroite.jpg) repeat;
}

#pubTop{
float:left;
width:728px;
height:90px;
margin-left:10px;
}

.module-utilisateur{
padding-left:5px;
text-align: left;
float: left;
width: 250px;
font-size: 9pt;
}

.module-utilisateur div{
display:block;
}

.module-utilisateur a{
color:#2089bb;
text-decoration:none;
}

.buttonCss{
font-size: 14px;
color: white;
padding: 5px 10px;
background-color: #4CBDF1;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #199FDD;
-moz-box-shadow: 0px 1px 3px #FCFCFC;
-webkit-box-shadow: 0px 1px 3px #FCFCFC;
text-shadow: 0px 1px 3px #585858;
cursor: pointer;
}

.buttonCss:hover{
background-color: #238EC0;
text-shadow: 0px 1px 3px #585858;
}

#administration input[type=text], #administration textarea{
background: url(/images/design/fondDroite.jpg) repeat;
width: 400px;
}

#administration textarea{
height: 70px;
}

ul.menu_admin {
list-style-type: none;
}

ul.menu_admin {
display: block;
height: 80px;
width: 100%;
list-style-type: none;
margin: 0px 0px 2px 0px;
padding: 0px;
background: #ddd;
}

ul.menu_admin li {
    float: left;
	margin:25px 0px 0px 10px;
	border-left:1px solid #fff;
	padding-left:10px;
}


ul.menu_admin li:first-child{
	border-left:0px;
	padding-left:0px;
	margin-left:0px
}

.menu_admin  a {
    color: #fff;
    display: block;
    padding: 0px 15px;
	height: 30px;
	line-height: 30px;
    text-decoration: none;
}

.menu_admin a:hover {
    color: #238EC0;
}

.menu_admin .active a {
    color: #4BBD93;
}

p.enregistrementOK{
display:block;
background-color:#a0ed31;
border:2px solid #79c212;
}

/*
.module-utilisateur div{
display:none;
}

.module-utilisateur ul{
list-style-type:none;
margin:0px 0px 20px 0px;
padding:0px;
height:30px;
}

.module-utilisateur ul li{
float:left;
margin:0px;
}

.module-utilisateur ul li a{
display:block;
height:30px;
width:150px;
line-height:30px;
text-decoration:none;
text-align:center;
color:#2089bb;
background-color:#fff;
}

.module-utilisateur ul li a:hover{
color:#ffffff;
background-color:#222;
}
*/