/* REDESIGN 2014 */

@font-face {
    font-family: Rokkitt-Bold;
    src: local(Rokkitt-Bold.ttf), url('fonts/Rokkitt-Bold.ttf') format('opentype');
}

@font-face {
    font-family: OpenSans-Regular;
    src: local(OpenSans-Regular.ttf), url('fonts/OpenSans-Regular.ttf') format('opentype');
}



@font-face {
    font-family: OpenSans-Regular;
    src: local(OpenSans-Regular.ttf), url('fonts/OpenSans-Regular.ttf') format('opentype');
}

@font-face {
    font-family: OpenSans-BoldItalic;
    src: local(OpenSans-BoldItalic.ttf), url('fonts/OpenSans-BoldItalic.ttf') format('opentype');
}

@font-face {
    font-family: open-sans.semibold-italic;
    src: local(open-sans.semibold-italic.ttf), url('open-sans.semibold-italic.ttf') format('opentype');
    }


.abonner{

color:#FFF;
font-style:italic;
font-weight:500;
font-family:open-sans.semibold-italic;
font-size:8pt;
 margin: 2px 6px 14px 2px;

}

a.lienblanc-abonner:link,a.lienblanc-abonner:visited {
	text-decoration:none;
	color:#FFFFFF; 
	
	font-size:8pt;
	font-weight:normal;

}
a.lienblanc-abonner:hover {
	text-decoration:underline;
	color:#FFEEEE; 
	font-weight:normal;

}




.menu-villes{
color:#FFF;
display:inline-block;
font-style:italic;
font-weight:500;
font-family:open-sans.semibold-italic;
font-size:8pt;
margin:12px 18px 13px 0px;
width:590px;


overflow:hidden;
float:left;

}










/*FIN DE REDESIGN*/





body {  
        padding: 0;
        margin: 0 auto;
        font-family:georgia,arial;
        background:#bfbfbf;
        font-size:9pt;
}

.bodynoblue{


}

.pageabp{  
           
            margin: 0  auto;
            border-left:  0px solid #ddd;
            border-right: 0px solid #ddd;
            border-bottom: 0px solid #fff;
            border-top:0px solid #1C5C98;
            width: 1054px;
           
            padding: 1px 0 0 0;
         }


#leftleft {
        width: 25%;
        display:inline;
        float: left;
        background: #fff;
         padding: 0 0 0 0;   
      
    }

#leftright {
                width: 25%;
                display: inline;
                float: left;
                   background: #fff;
        }

#rightleft {
                width: 25%;
                display: inline;
                float: left;
                   background: #fff;
        }

#rightright {
                width: 25%;
                display: inline;
                float: left;
                   background: #fff;
        }

.inside {
        text-align: justify;
        padding: 0px 20px 0 0;
           background: #fff;
    }
        
    .rightest {
        text-align: justify;
        padding: 0 5px 0 10px;
           background: #fff;
    }

html,ol,fieldset,legend {
margin:15px 0px 0px 0px;
padding:0;
}

h2, h3, h4, h5 { margin-top: 4px; }
fieldset { border: 0; }
legend { color: #000; }


p {

 margin-top: 10pt;
 margin-bottom:0pt;

}


ul {

margin: 0 auto;


}

i

input[type=textarea] 
{
	font-size: 100%;
	line-height: 1.1;
	font-family:tahoma, helvetica, arial, sans-serif;
	border-color:#1C5C98;
	border-style:dashed;
	border-bottom:1px #CCC;
	padding:0;
	margin:0;
}

button
{
	width: auto;
	overflow: visible;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, td
{
	
	vertical-align: top;
	font-weight: normal;
}



abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }



pre, code
{
	font-family: Courier New, monospace, serif;
	font-size: 100%;
	line-height: 1.2;
}

/* img{ border:0px;          } */

/* --------layout---------------------------*/



h1,h2,h3{color:#222;text-align: center;} 

h1{font-size:34pt;
margin-top:25px;
margin-bottom:25px;
margin-left:0px;
margin-right:0px;
font-family:Rokkitt-Bold;
color: #2f5a74;
line-height:100%;
}




h2{font-size:180%;margin-top:15px;margin-bottom:35px;line-height:125%;text-align:left;}
h3{font-size:160%;margin: 0 auto;}
h4{font-size:13pt;text-align:center;margin-top:20px;margin-bottom:-10px;color:maroon;font-weight:700;font-family: arial narrow,arial;background:#F4F4F4;display:block;padding:10px 3px 10px 3px;}
h5{font-size:11pt;text-align:left;margin-top:22px;margin-bottom:-14px;color:#000;font-weight:700;}


H6{
font-family: arial;
line-height:120%;
font-weight:normal;
line-height: 16px;
font-size:9pt;
color:#777;
text-align:justify; 
margin-bottom:0pt;
margin-top:1px;
margin-left:0px;
clear:left;

}




.ville{
font-size:14px;
color:#0045A3;
}





a:link {color: #333; text-decoration: none;}
a:visited{color: #0045A3;}
a:focus{ color: #0045A3; outline: thin dotted; }
a:hover {text-decoration: underline;}
a:active{ color:maroon;}

.ultags{ 
list-style-image: url(images/triangle.gif);
padding: 5px 5px 1px 0px;
font-size:8pt;
}

ultags li { 
margin: 0em 0 1em 0;
text-align: left;
margin-left:10px;
margin-right:10px;
margin-bottom:5px;
margin-top:10px;
}




/* --------containers---------------------------*/







/* --------containers---------------------------*/

.interligne{
margin-top:2pt;
margin-bottom:3pt;
}

.espace{
margin-top:15pt;
margin-bottom:15pt;
}




.margintop{
margin-top:100pt;
margin-bottom:40pt;
margin-left:0pt;
margin-right:20pt;
}

.margintop2{
margin-top:50pt;
margin-bottom:40pt;
margin-left:0pt;
margin-right:20pt;
}


h1.name{font-size:14px;float:left;width:440px}



.hilite2 {
font-weight:600;
background:#64A5E2;
}

.toptexte{
    text-decoration:none;

    margin-right:10px;
    margin-left:3px;
    margin-top:3pt;
    margin-bottom:1pt;
	color:#2F5997;
	font-size:8pt;
	font-weight:normal;
}


.topcartouche{ 
	border-bottom:2px solid #CCC;
 	color:#999;
    overflow:hidden;
    padding:0 0 0 0;
    margin-bottom:10px;
    margin-bottom:15px;
    
   }


.textenoir {
line-height:120%;
    font-weight:700;
	text-decoration:none;
	text-align:left;
	color:#1C5C98; 
	font-size:9pt;
	font-weight:700;
	margin-top:10pt;
margin-bottom:8pt;

}


#moto {

    font-weight:600;
    font-family: helvetica,"arial condensed",arial;
	text-decoration:none;
	text-align:left;
	color:#1C5C98; 
	font-size:8pt;
     width:250px;
	margin-top:0px;
margin-bottom:0px;

}





.facebookLike { border:none; overflow:hidden; width:90px; height:21px; vertical-align: middle;margin-left:12px; } 


.cartouche{ 
	border-bottom:1px solid #CCC;
 	border-top:1px solid #CCC; 
 	color:#999;
  	font-size:9pt;
     overflow:visible;
text-align:center;
margin:0 auto; 
padding:1px 0 1px 0;
width:300px;
   }

.HABP {
 margin-bottom:0px;
  margin-top:10px;
 color:#333;
 font-size:28pt;
 }

/*debut des menus*/
 
.ddcolortabs{
padding: 0px;
width: 100%;
voice-family: "\"}\"";
voice-family: inherit;
float:left;
text-align: left;
border:0px #FFF;
color:#fff;
font-size:11pt;
font-weight:bold;
margin-top:8px;
}

.ddcolortabs ul{
font: normal 10pt georgia,tahoma,georgia, Verdana ;

margin:0;
padding:0;
list-style:none;
border:0px #FFF;
}

.ddcolortabs li{
display:inline;
margin:0 0px 0 0;
padding:0px;


}



.ddcolortabs a{
float:right;
color: #fff;
/*background: #02a7e8;*/
background: #666;
margin:0 auto;
padding:3px;
text-decoration:none;
letter-spacing: 1px;
height:25px;
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent;
padding: 4px 4px 2px 4px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{

text-decoration:none;
}

.ddcolortabs a:hover span{
background:#1C5C98;

}

.ddcolortabs .selected a, ddcolortabs .selected a span{ /*currently selected tab*/
background: #1C5C98;
color:#fff;
}





/*fin des menus*/



.box { border-style: solid ; border-top-color: #F4FFFF ; border-left-color: #F4FFFF ; border-bottom-color: #516266 ; border-right-color: #516266 ; border-width: 1px ; }







a.lienblanc:link,a.lienblanc:visited {
	text-decoration:none;
	color:#FFFFFF; 
	
	font-size:8pt;
	font-weight:normal;
	margin-left:2pt;
	margin-right:10pt;
}
a.lienblanc:hover {
	text-decoration:underline;
	color:#FF0000; 
	
	font-size:8pt;
	font-weight:normal;
	margin-left:2pt;
	margin-right:10pt;
}



a.lienphoto:link,a.lienphoto:visited {
	text-decoration:none;
	color:#FFFFFF; 
	
	
}
a.lienphoto:hover {
	text-decoration:none;
	color:#0000ff; 
}







.title2 {

font-size:11pt;
font-weight:700;
color:#333333;
text-align:center;
margin-top:4pt;
margin-bottom:8pt;
}



#titreautres {

font-size:9pt;
font-weight:600;
color:#333333;
text-align:left;
margin-top:200px;
margin-bottom:8pt;
margin-right:30pt;
}





.title3 {

font-size:13pt;
font-weight:700;
color:#333333;
text-align:center;
margin-top:5pt;
margin-bottom:5pt;
}


#titre-ville {

font-size:24pt;
font-weight:700;
color:#333333;

margin-top:20pt;

margin-left:40px;
}






.title-fb {
font-size:14px;

color:#3B5998;
margin-top:0px;
margin-bottom:10px;
}


.fb-like{
display:block;
width:500px;



}




a.lien-fb:link,a.lien-fb:visited {
line-height:120%;
text-decoration:none;
color:#3B5998;
text-align:left;
margin-top:0px;
margin-bottom:10px;


}

a.lien-fb:hover {
    line-height:120%;
    text-decoration:underline;
	color:#1C5C98; 
	text-align:left;
	margin-top:0px;
    margin-bottom:10px;
}

a.liennoir2:link,a.liennoir:visited {
    line-height:120%;
    font-weight:700;
	text-decoration:none;
	text-align:center;
	color:#1C5C98; 
	font-size:8pt;
	font-weight:700;
	margin-top:4pt;
margin-bottom:8pt;
}


a.liennoir2:hover {
	font-size:8pt;
    line-height:120%;
    font-weight:700;
	text-decoration:underline;
	color:#0000ff; 
	color:#333333;
	text-align:center;
	margin-top:4pt;
margin-bottom:8pt;
}






a.lienbleu:link,a.lienbleu:visited {
	text-decoration:none;
	color:#0000FF;
	font-weight:600;
 font-size:8pt;
}
a.lienbleu:hover {
	text-decoration:underline;
	color:#0000ff; 
     font-size:8pt;
}



a.lienwiki:link,a.lienbleu:visited {
	text-decoration:underline;

	font-weight:700;
 font-size:11pt;
}
a.lienwiki:hover {
	text-decoration:underline;
	color:#0000ff; 
     font-size:11pt;
     	font-weight:700;
}


a.lienvoir:link,a.lienbleu:visited {
	text-decoration:none;
	color:#999;
	font-weight:500;
 font-size:11pt;
}
a.lienvoir:hover {
	text-decoration:underline;
	color:#0000ff; 
     font-size:11pt;
}






.textebleu{
	text-decoration:none;
	color:#1C5Cff; 

	font-size:8pt;
	
}



a.lientag:link,a.lientag:visited {
	text-decoration:none;
	color:#2F5997;

}
a.lientag:hover {
	text-decoration:underline;
	color:#0000ff; 

}


.textetag{
	text-decoration:none;
	color:#1C5C98; 

	font-size:9pt;
	
}











#asso_bleu{
	text-decoration:none;
	color:#1C5C98; 
		font-weight:700;
	font-size:10pt;
	
}




#cejour{
	text-decoration:none;
	color:#fff;
	background:#1C5C98; 
	font-size:8pt;
	font-weight:700;
	padding:4px;
}

#cejourla{
border:0px solid #000;
margin-bottom:40px;
margin-top:40px;
color:#fff;
	
}


.texterouge{
	text-decoration:none;
	color:#985C11; 
	
	font-size:10pt;
	font-weight:700;
}





a.maroon:link,a.maroon:visited {
	text-decoration:underline;
	color:maroon; 
	
	font-size:9pt;
	font-weight:normal;
}
a.maroon:hover {
	text-decoration:underline;
	color:maroon; 
	
	font-size:9pt;
}






a.lientexte:link,a.lientexte:visited {
	text-decoration:none;
font-size:11pt;


 color: #2C2F36;
}
a.lientexte:hover {
	text-decoration:underline;
font-size:11pt;


 color: #2C2F36;
background: #BBBBBB;
}





a.lienrouge:link,a.lienrouge:visited {
	text-decoration:underline;
	color:#FF3366; 

	font-size:16pt;
}
a.lienrouge:hover {
	text-decoration:underline;
	color:#FF3366; 

	font-size:16pt;
}





a.lienbleu10:link,a.lienbleu10:visited {
	text-decoration:underline;

	color:#0000FF; 
	font-style:normal;
	font-size:10pt;
}
a.lienbleu10:hover {

	text-decoration:underline;
	color:#666666; 
	
	font-size:10pt;
}


a.lienmarine:link,a.marine:visited {
line-height:140%; 
text-decoration:none;
color:#003366;
font-size:16pt;
}
a.lienmarine:hover {
line-height:140%; 
text-decoration:underline;
color:#003366;
font-size:16pt;
}





a.lienbleubig:link,a.lienbleubig:visited {
line-height:90%; 
text-decoration:none;
color:	#000088;
font-size:11pt;
}
a.lienbleubig:hover {
line-height:90%; 
text-decoration:underline;
color:	#330088;
font-size:11pt;
}


.bleubig{
line-height:110%; 
text-decoration:none;
color:	#000088;
text-align:left;
margin-top:0pt;
margin-left:0px;
margin-bottom:5pt;
font-size:11pt;
}





a.liengris:link,a.liengris:visited {
   line-height:20px; 
	text-decoration:underline;
	color:#999999; 
	font-size:13px;
}
a.liengris:hover {
    line-height:20px; 
	text-decoration:underline;
	color:#999999; 
	font-size:13px;
}


a.lientitre:link,a.lientitre:visited {
	line-height:120%; 
	text-decoration:none;
	color:#333333; 
	 margin-bottom:5pt;
	font-size:10pt;
}

a.lientitre:hover {
	line-height:120%; 
	text-decoration:underline;
	color:#333333; 
	 margin-bottom:5pt;
	font-size:10pt;
}





a.liennoir:link,a.liennoir:visited {
	line-height:120%; 
	text-decoration:none;
	text-align:center;
	color:#333333; 
	 margin-top:15pt;
	 margin-bottom:5pt;
	font-size:11pt;
}

a.liennoir:hover {
	line-height:120%; 
	text-decoration:underline;
	text-align:center;
	color:#333333; 
	 margin-top:15pt;
	 margin-bottom:5pt;
	font-size:11pt;
}


a.liengrisfonce:link,a.liengrisfonce:visited {
	line-height:120%; 
	text-decoration:underline;
	color:#333333; 
	 margin-bottom:5pt;
	font-size:9pt;
}
a.liengrisfonce:hover {
	line-height:120%; 
	text-decoration:underline;
	color:#333333; 
	 margin-bottom:5pt;
	font-size:9pt;
}

.textegrisfonce{
 font-weight:normal;
 line-height:120%;
 font-size:9pt;
 color:#333333;
 text-align:center;
 margin-top:0pt;
 margin-left:0px;
 margin-bottom:0pt;
}

	

.textegrislarge{
 font-weight:normal;
 line-height:120%;
color:#999;
 font-size:13px;
 text-align:center;
 margin-top:0pt;
 margin-left:0px;
 margin-bottom:0pt;
}



a.lientextebleu:link,a.lientextebleu:visited {
	line-height:120%; 
	text-decoration:none;
color:#003366; 
	 margin-bottom:5pt;
	font-size:9pt;
}
a.lientextebleu:hover {
	line-height:120%; 
	text-decoration:underline;
color:#003366;
	 margin-bottom:5pt;
	font-size:9pt;
}






.comment{
 font-weight:normal;
 line-height:130%;
 font-size:10pt;
 color:#666;
 text-align:left;
 margin-top:0pt;
 margin-left:0px;
 margin-bottom:8pt;
}


a.liencomment:link,a.liencomment:visited {

	line-height:130%; 
	text-decoration:none;
	color:#666; 
	 margin-bottom:10pt;
	font-size:8pt;
}
a.liencomment:hover {

	line-height:130%; 
	text-decoration:underline;
	color:#333; 
	 margin-bottom:10pt;
	font-size:8pt;
}


.article_type{
 font-weight:600;
 line-height:120%;
 font-size:8pt;
 color:#000;
 text-align:center;

 margin:0 auto;
 font-style:italic;
}






.textegrisgrand{
 font-weight:normal;
 line-height:120%;
 font-size:16pt;
 color:#AAAAAA;
 text-align:left;
 margin-top:10pt;
 margin-left:5px;
 margin-bottom:2pt;
 float:right;
}





.textegris{
 font-weight:normal;
 line-height:120%;
 font-size:8pt;
 color:#888;
 margin-top:0pt;
 margin-left:0px;
 margin-bottom:5pt;
  text-align:left;
}


.texteorange{
 font-weight:normal;
 line-height:120%;
 font-size:10pt;
 color:#F87217;
 text-align:left;
 margin-top:8pt;
 margin-left:0px;
 margin-bottom:8pt;
}



a.lienfacebook:link,a.lienfacebook:visited {
    text-decoration:none;
    color:#3B639C; 
     font-size:8pt;
    font-weight:normal;
    font-style:italic;
}
a.lienfacebook:hover {
        font-size:8pt;
	text-decoration:underline;
    color:#3B639C; 
    font-weight:normal;
    font-style:italic;
}


.facebook{
	     font-size:8pt;
    color:#3B639C; 
    font-weight:normal;
    text-align:left;
  margin-bottom:4px;
     margin-top:4px;
     font-family:georgia;
}



a.lienvert:link,a.lienvert:visited {

	text-decoration:none;
color:#003333; 
	
	font-size:12px;
	font-weight:normal;
}
a.lienvert:hover {
text-decoration:underline;
color:#003333; 
font-size:12px;
font-weight:normal;
}


HR {
border:0;
height:1px;
color:black;
text-align: left;
background: #9E9E9E;
}




.art-txt,.texte {
font-size:11pt;
margin-left:0px;
margin-right:1px;
text-align:justify;
font-weight:normal;
line-height: 20px;
 color: #333;
margin-bottom:5pt;
margin-top:5pt;
width:100%;
overflow:visible;
font-family:georgia;
} 



.interview {

font-size:11pt;
margin-left:0px;
margin-right:0px;
text-align:justify;

line-height: 20px;
 color: #650050;
margin-bottom:5pt;
margin-top:5pt;
} 



#texte_fetch {
font-family:georgia,serif;
font-size:1.5em;
line-height:1.5em;

margin-left:0px;
margin-right:0px;
text-align:justify;


 color: #2C2F36;
margin-bottom:5pt;
margin-top:5pt;
} 



.citation {
font-size:11pt;
text-align:justify;
font-family:arial;
line-height: 20px;
color:#5F4C0B;
font-weight:500;
font-style:italic;
margin-top:5px;
margin-left:0px;
} 



.legende {

font-size:10pt;
margin-left:0px;
margin-right:0px;
text-align:justify;

line-height: 10px;
color:#003366;
margin-bottom:5pt;
margin-top:1pt;

}








.texteagenda {
text-align:left;
font-size:9pt;
margin-left:0px;
margin-right:0px;


line-height: 17px;
color:#003366;
margin-bottom:5pt;
margin-top:8pt;
margin-right:6pt;

}






.texteagendableu {
font-size:10pt;
margin-left:0px;
margin-right:0px;
text-align:left;

line-height: 17px;
color:#003366;
margin-bottom:5pt;
margin-top:5pt;
background:#FFF;

}





.headline2{

font-size:10pt;
margin-left:0px;
margin-right:0px;
text-align:justify;

line-height: 16px;
color:#003366;
margin-bottom:5pt;
margin-top:5pt;

} 

.caption{

font-size:10pt;
margin-left:0px;
margin-right:0px;
text-align:justify;

line-height: 16px;
color:#666666;
margin-bottom:5pt;
margin-top:5pt;

} 




.dd {
line-height:110%; 
font-weight:normal;
font-size:10pt;
color:#003366;

text-align:left;
margin-bottom:20pt; 
}



.texteblanc {
font-weight:normal;
font-size:8pt;
color:#FFFFff;
margin-left:10pt;
}



.texteblanc-cc {
font-weight:normal;
font-size:9pt;
color:#FFFFff;
margin:20px;
float: right;
}



.texteblanclarge {
font-weight:normal;
font-size:10pt;
color:#DDD;
padding: 0px;
margin-left: auto;
margin-bottom:25px;
margin-right: auto;

}
 
 

.textetreslarge {
font-weight:normal;
font-size:46pt;
color: #FFFFFF;
margin-left:10pt;
}




.texte2 {
line-height:90%; 
font-weight:normal;
font-size:9pt;
color: #356AB4;
margin-left:0pt;
margin-right:10pt;
text-align:justify;
margin-bottom:0pt; 
}

.textedroite {
line-height:140%; 
font-weight:normal;
font-size:10pt;
color:#003366;

margin-left:0pt;
margin-right:10pt;
text-align:right;
margin-bottom:0pt; 
}


.textegauche {

 font-size:12px;
 line-height:16px;
color:#003366;
margin-left:0pt;
margin-right:0pt;
text-align:left;
margin-bottom:7pt; 
}






.foot {
 line-height:100%; font-size:8pt; color:#ffffff; font-family:verdana,sans-serif; text-align:justify;  margin-top:1pt; margin-bottom:1pt; 
}


.note{

line-height:100%;
font-style:normal;
font-size:8pt;

color:#808080;
text-align:left; 
margin-bottom:3pt;
margin-top:8pt;
margin-left:2px;
clear:left;
}

.note2{

line-height:100%;
font-style:normal;
font-size:9pt;

color:#ddd;
text-align:left; 
margin-bottom:3pt;
margin-top:8pt;
margin-left:2px;
clear:left;
}

.legal{

line-height:110%;
font-style:normal;
font-size:8pt;

color:#404080;
text-align:left; 
margin-bottom:3pt;
margin-top:8pt;
margin-left:40px;
clear:left;
}








#photo-legende{
line-height:105%;
font-style:normal;
font-size:8pt;
color:#333;
text-align:left; 
margin-bottom:20px;
margin-top:0px;
margin-left:0px;
clear:left;
}





#notedephoto{

line-height:105%;
font-style:normal;
font-size:9pt;

color:#707070;
text-align:left; 
margin-bottom:3pt;
margin-top:0pt;
margin-left:0px;
clear:left;
}






#notevideo{

line-height:100%;
font-style:normal;
font-size:8pt;

color:#808080;
text-align:left; 
margin-bottom:20px;
margin-left:12px;
margin-right:8px;
margin-top:5px;
}



.bouton1 {
width:82px;
height:30px;
background:#CBBDD2;
border-right:thin solid black;
border-bottom:thin solid black;
border-left:0px;
border-top:thin solid white;
color:#002F66; 
font-weight:normal;
  
font-size:8pt;
}

.table-home{
border-style:solid; 
border-collapse:collapse;
border-width:0px;
border-color:#999;
margin-left:50px;
margin-top:0px;
}

.table-light{
border-style:solid; 
border-collapse:collapse;
border-width:1px;
border-color:#999;
margin-left:2px;
margin-top:2px;
}

.table-border{
border-style:solid; 
border-color:black;
border-width:1px;
border-color:#999;
margin-left:2px;
margin-top:2px;
}


.td-border{

border-style:solid; 
border-width:1px;
border-color:#999999;
}



.td-home{
border-collapse:collapse;
border-style:solid; 
border-width:1px;
border-color:#999999;
}




 a.lp:link{color:#666666;font-size:12px;font-weight:700;}

 a.lp:active{color:#666666;font-size:12px;font-weight:700;}

 a.lp:visited{color:#CC6666;font-size:12px;font-weight:700;}

 a.lp:hover{color:#990000;font-size:12px;font-weight:700;}

 u {
 Text-Decoration : Underline;
 }

 
 p.indent {
font-size:11pt;
margin-left:0px;
margin-right:0px;
text-align:justify;

line-height: 20px;
 color: #2C2F36;
margin-bottom:5pt;
margin-top:5pt;
float:left;
} 

p.first {
 font-weight:600;

margin-right:23px;
text-align:justify;
}

H2 {
margin-top:25px;
 margin-bottom:0px;
  font-size:17px;
 color:#333;
}
.article {
line-height:15px;
 font-size:11pt;
 color:#50555A;
margin-left:30px;
 margin-right:230px;
 text-align:justify;
}

.button-txt {

 font-size:11px;
 line-height:15px;
 text-align:left;
 color:#444444;
}

.button {
 font-size:11px;
 line-height:15px;
 text-align:left;
 color:#444444;
}

.klask {
 line-height:10px;
 font-size:10pt;
 color:#ffffff;
  text-align:left;
 margin-top:8pt;
 margin-bottom:0pt;
}

.rougeABP{
 font-weight:700;
 line-height:100%;
 font-size:12pt;
 color:#006633;
  text-align:left;
 margin-top:0pt;
 margin-left:150px;
 margin-bottom:17pt;
}

.rss {
 line-height:100%;
 font-size:10pt;
 color:#9933aa;
 text-align:left;
 margin-top:8pt;
 }

.title {
 line-height:100%;
 font-size:10pt;
 color:#666699;
 margin-left:0px;
 text-align:left;
 margin-top:3pt;
 }

.title-ad {
line-height:100%;
font-weight:700;
font-size:13pt;
color:#B3000D;
margin-left:0px;
font-family:"tahoma";
text-align:center;
margin-top:3pt;
}

.liste {
line-height:100%;
font-weight:700;
font-size:10pt;
color:#BB3333;
margin-left:30px;
text-align:left;
margin-top:30pt;
}

.date {
line-height:100%;
font-style:italic;
font-size:10pt;
color:#6f6f6f;
margin-left:0px;
text-align:center;
margin-top:10pt;
}

.sommaire_article_une_titre{
font-size:12pt;
font-family:"tahoma", Verdana;
color:#556066;
font-weight:700;
text-decoration:none;
}

.alaune {
line-height:120%;
font-weight:700;
font-size:13pt;
color:#333;
margin-bottom:5pt;
margin-top:20pt;
margin-left:0px;
margin-right:8px;
text-decoration:none;

}


.titresmall {
line-height:120%;
font-weight:700;
font-size:9pt;
color:#1C5C98;
margin-left:2px;
margin-right:2px;
font-family:"tahoma", Verdana;
text-align:left;
margin-bottom:0px;
margin-top:5pt;
text-decoration:none;
}







.alaunebig {
line-height:120%;
font-weight:700;
font-size:20pt;
color:#0045A3;
margin-left:3px;
margin-right:3px;

text-align:center;
margin-bottom:5pt;
margin-top:5pt;
text-decoration:none;
}


.lien {
color :#1C5C98;
text-decoration :none;
text-align:center;
margin-bottom:5pt;
margin-top:5pt;
margin-left:3px;
margin-right:3px;
}


.alaunelien{
 font-family:"arial narrow";
 font-size:15pt;
}

 .alaunelien:active {
 Color : #1C5C98;
 line-height:120%;
 font-weight:700;

 font-family:"arial narrow";
 color:#333;
 text-Decoration : none;

margin-bottom:5pt;

margin-left:3px;
margin-right:8px;
 }

 .alaunelien:visited {
Color : #333;
line-height:120%;
font-weight:700;

Text-Decoration :none;

margin-bottom:5pt;
margin-top:15pt;
margin-left:3px;
margin-right:8px;
}

 
.alaunelien:hover {
 Color : #000099;
Text-Decoration : Underline;

line-height:120%;
font-weight:700;
font-size:15pt;
margin-bottom:5pt;
margin-top:15pt;
margin-left:3px;
margin-right:8px;
}


.alaunelien2 {
Color : #333;
Text-Decoration : none;
text-align:left;
margin-bottom:5pt;
margin-top:5pt;
}

 

 .alaunelien2:active {
 font-size:10pt;
 Color : #333333;
 Text-Decoration : none;
 text-align:left;
margin-bottom:5pt;
margin-top:5pt;
 }

 .alaunelien2:visited {
  font-size:10pt;
Color : #333333;
Text-Decoration : none;
text-align:left;
margin-bottom:5pt;
margin-top:5pt;
}

 
.alaunelien2:hover {
 font-size:10pt;
 Color : #990000;
Text-Decoration : Underline;
text-align:left;
margin-bottom:5pt;
margin-top:5pt;
}



.alaune-texte{
float:left;
font-size:12pt;
margin-left:0px;
margin-right:5px;
text-align:justify;
line-height: 130%;
 color: #222;
margin-bottom:0px;
margin-top:0px;
font-family:georgia sans-serif;
} 




.title3 {
line-height:100%;
font-size:16pt;
color:#333333;
margin-left:0px;
margin-right:10px;

text-align:left;
margin-bottom:2pt;
}




.title4 {
line-height:100%;
font-size:20pt;
color:#193653;

text-align:center;
margin-bottom:2pt;
}

.title5 {
line-height:100%;
font-weight:600;
font-size:11pt;
color:#003366;


margin-bottom:2pt;
}


.title-fetch {
line-height:120%;
font-size:20pt;
color:#303030;
margin:0 auto;
text-align:center;
padding:10px;
width:500px;
}



.city {
text-align:left;
color:#666666;
font-size:8pt;

margin-top:0pt;
}



.city-bl {
line-height:95%;
text-align:left;
color:#666;
font-size:8pt;
margin-top:5pt;
margin-left:10px;

float:left;
}

.libel {
text-align:left;
color:#000;
font-size:7pt;

margin-top:0pt;
}

.title-red {
line-height:120%;
font-size:22px;
font-weight:700;
color:#003333;
margin-left:0px;
margin-right:0px;

text-align:left;
margin-top:10pt;
margin-bottom:15pt;
}


.erreur{
line-height:120%;
font-size:16px;
font-weight:700;
color:#FF0000;
margin-left:0px;
margin-right:0px;
text-align:left;
margin-top:10px;
margin-bottom:15px;
}






.fetch-titre {
line-height:130%;
font-size:24px;
color:#003333;

text-align:center;
margin-top:40px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
}


.fetch-titre2 {
line-height:120%;
font-size:22px;
color:#003333;

text-align:left;
margin-top:5px;
margin-bottom:5px;
margin-left:0px;
margin-right:0px;
}

.fetch-photo{
display: block;
width:520px;
position:relative;
margin-top:0px;
margin-bottom:25px;
margin-left:0px;
margin-right:0px;
padding:0px;
}

.fetch-video{
display: block;
width:575px;

margin-top:10px;
margin-bottom:10px;
margin-left:20px;
margin-right:0px;
padding:0px;
text-align:center;
background:#ccc;
border:thin black;
}








.photo { 
  background:#fafbfc; 
  border:0px solid #b0b0b0; 
  margin:auto; 
  padding:5px;
  float : left; 
  width:1000px;
}



.soustitre {
line-height:120%;
font-size:14px;
color:#666;
font-family :"tahoma", verdana,Helvetica, sans-serif;
text-align:left;
margin-bottom:15px;
margin-left:0px;
margin-right:0px;
}


.horizontal_line{
border-bottom:2px solid #666;
margin-top:5px;
margin-left:0px;
width:520px;
}


.fetch-type {
font-size:10pt;
font-weight:500;
color:#333333;
text-align:center;
margin-top:4pt;
margin-bottom:8pt;
font-style:italic;
}


fetch-city {
float:left;
font-size:10pt;
font-weight:600;
color:#2F5997;
text-align:left;
margin-top:8pt;
margin-bottom:8pt;

}


.title-darkgreen {
line-height:120%;
font-size:12px;
font-weight:700;
color:#003333;
margin-left:0px;
margin-right:0px;

text-align:left;
margin-top:8px;
margin-bottom:8px;
}



.launetexte {
line-height:90%;
font-size:16pt;
color:#000099;
margin-left:0px;
margin-right:10px;

text-align:justify;
margin-bottom:2pt;
}



.title-grey {
line-height:100%;
background: #FFFFCC;
font-size:13pt;
font-weight:700;
color:#666666;

text-align:center;
margin-left:0pt;
margin-bottom:0pt;
margin-top:20pt;
}



.title-green {
line-height:100%;
font-size:10pt;
color:#999999;
font-family:"tahoma" ,arial,verdana,sans-serif;
text-align:center;
margin-bottom:5pt;
margin-top:10pt;
}



.title-right {
line-height:100%;
font-size:10pt;
color:#556282;
font-family:"tahoma",georgia,sans-serif;
text-align:left;
margin-left:0pt;
margin-bottom:8pt;
margin-top:4pt;
}

.title-rubrique {
line-height:100%;

font-size:10pt;
color:#556282;
font-family:"tahoma",georgia,sans-serif;
text-align:left;
margin-left:0pt;
margin-bottom:22pt;
margin-top:0pt;
}

.rubrique_titre{	
	color:#003366;
	text-transform:uppercase; 
	text-align:center;
	letter-spacing:1px; 
	text-decoration:none; 
 	font-family: '"tahoma"', Verdana; 
 	font-size:8pt; 
	font-weight:700er; 
	border-right:0px solid #EEEEEE; 
	border-left:0px solid #EEEEEE; 
	border-top:0px solid #EEEEEE; 
	border-bottom:0px solid #d6000a; 
	height:14px;
 	background:#ffffff; 
}

a.rubrique_titre{	
color:#003366;
} 


a.title_right:hover {text-decoration:none; color:#D0A040; }

.summary {
line-height:100%;
font-size:10pt;
color:#556282;
font-family:"tahoma",georgia,sans-serif;
text-align:left;
margin-left:0pt;
margin-bottom:2pt;
margin-top:3pt;
}




.section2{
line-height:100%;
font-size:12pt;
font-weight:700;
color:#6f6f6f;

text-align:left;
margin-top:16pt;
margin-bottom:3pt;
margin-left:15pt;
margin-right:15pt;
}



.footnote{
line-height:90%;
font-size:9pt;
font-family:"tahoma",verdana;
color:#6f6f6f;
text-align:left;
clear:both;
margin-top:20pt;
margin-bottom:20pt;
}


#copyright{
line-height:100%;
font-size:9pt;
font-family:"tahoma",verdana;
color:#6f6f6f;
width:500px;
}




.section{
line-height:100%;
font-size:9pt;
font-weight:700;
color:#556282;

text-align:left;
margin-top:12pt;
margin-bottom:1pt;
margin-left:0pt;
margin-right:15pt;
}



.rouge{
line-height:90%;
font-size:12pt;
font-weight:700;
color:#aa0033;

text-align:center;
margin-top:20pt;
margin-bottom:20pt;
margin-left:0pt;
margin-right:0pt;
}



.section3{
line-height:100%;
font-size:9pt;
font-weight:700;
color:#dddddd;

text-align:center;
margin-top:6pt;
margin-bottom:3pt;
margin-left:0pt;
margin-right:15pt;
}


.section4{
line-height:90%;
font-size:9pt;
font-weight:700;
color:#556282;

text-align:left;
margin-top:15pt;
margin-bottom:1pt;

}




.formulaire{
line-height:100%;
font-size:9pt;
font-weight:700;
color:#333333;

text-align:left;
margin-top:6pt;
margin-bottom:3pt;
margin-left:0pt;
margin-right:15pt;
}


.table-fetch{
border-collapse:collapse;
border-style:solid;
border-width:1px;
border-color:#999999;
font-size:8pt;
}



.tablex{
border-collapse:collapse;
border-style:solid;
border-width:1px;
border-color:black;
}



td,th{
border-style:solid;
border-collapse:collapse;
border-width:0px;
border-color:#999999;
font-size:9pt;
margin-top:2pt;
margin-bottom:3px;
margin-left:2px;
margin-right:2px;
}


.tdx{
border-collapse:collapse;
border-style:solid;
border-width:1px;
border-color:#666;
font-size:9pt;
line-height:90%;
color:#000000;
text-align:center;
}

.td-right{
border-collapse:collapse;
border-style:solid;
border-width:0px;
border-color:#666;
font-size:9pt;
line-height:90%;
color:#000000;
text-align:right;
}






.ville{
line-height:90%;
font-size:11pt;
color:#555555;
font-weight:700;
text-align:center;
margin-top:2pt;
margin-bottom:2pt;
}



.menu {
line-height:100%;
font-size:10pt;
color:#33599A;

margin-left:10px;
text-align:left;
}



.def {
line-height:100%;
font-size:10pt;
color:#4f4f4f;

margin-left:30px;
text-align:left;
margin-top:3pt;
}



.titledt,dt {
line-height:100%;
font-size:12px;
font-weight:700;
color:#003333;
margin-left:0px;
margin-right:30px;

text-align:left;
margin-top:12pt;
margin-bottom:0pt;
}



.headline {
line-height:100%;
font-size:10pt;
color:#003366;

margin-left:0px;
margin-right:30px;
text-align:justify;
margin-bottom:0pt;
}


.headline3 {
line-height:110%;
font-size:12pt;
color:#003366;

margin-left:0px;
margin-right:0px;
text-align:left;
margin-bottom:20pt;
}


li {
margin-bottom:8px;

}





.hilite {
background:#1C5C98;
text-align:center;
color:#EEEEEE;
margin-top:4pt;
margin-bottom:4pt;
height:12px;
padding:4px;
font-size:8pt;
width:92%;
}


#hilite-jaune {
background:#ffE000;
text-align:center;

margin-top:4pt;
margin-bottom:4pt;
height:12px;
padding:2px 2px 2px 2px;

width:92%;
}









/* Formulaires */ .forml {
width:100%;
padding:2px;
background:#E4E4E4;
background-position:center bottom;
float:none;
color:#000000 
}



.formo {
width:94%;
padding:0px;
background:#EDF3FE;
color:#bbb;

}



.fondl {
background:#EDF3FE;
background-position:center bottom;
float:none;
color:#000000;

}



.fondo {
background:#3874B0;
background-position:center top;
float:none;
color:#bbddff;
margin-left:10px;

text-align:justify;
margin-bottom:0;
margin-top:2px;
margin-right:5px;
}


.fondi {
background:#3962C9;
background-position:center top;
float:none;
color:#bbddff;
margin-left:10px;
height:34px;
text-align:justify;
margin-bottom:0;
margin-top:2px;
margin-right:5px;
font-size:14pt;
border-width:3px;
}


.fonda {
background:#1C5C98;
float:none;
height:16px;
color:#ffffff;
margin-left:5px;
margin-right:5px;
text-align:justify;
font-size:10px;
margin-bottom:0pt;
margin-top:0pt;
border:none;
}




.blue {
background:#bbddff;
background-position:center bottom;
float:none;
color:#bbddff;
border:none;

}


input[type=text]{
border-style:solid;
line-height:100%;
height: 15px;
border-color:#1C5C98;
border-width:1px;
font-weight:normal;
background: #fff;
font-size:9pt;
color:#666;
margin-top:3px;
 }


  input[type=radio]{
  
 }
 
 

.input2[type="text"]{
border-style:solid;
line-height:100%;
height: 15px;
border-color:black;
border-width:1px;
margin-left:0px;
margin-top:0px;
margin-bottom:10px;
font-weight:normal;
background: #fff;
color:#1C5C98; 
font-size:9pt;


 }

.input3[type="text"]{
border-style:solid;
line-height:100%;
height: 15px;
border-color:black;
border-width:1px;
margin-left:0px;
margin-top:10px;
margin-bottom:10px;

font-weight:normal;
background: #fff;
color:#1C5C98; 
font-size:9pt;


 }

.biginput{
border-style:solid;
line-height:110%;
height: 15px;
border-color:black;
border-width:1px;
margin-left:3px;
margin-top:0px;
margin-bottom:0px;
font-weight:normal;
background: #EEEEEE;
font-size:13px;
color:#003366;

 }









#editeur{

border:1px;
	border-style:dotted;

}


.fondf {
background:#666666;
font-size:9pt;
border-color:#878787;
color:#E86519;
color:#FFFFFF;
height: 19px;

}



.sanscadre {
padding:4px;
margin:0px;
}



.aveccadre {
cursor:pointer;
padding:3px;
margin:0px;
border-left:solid 1px #EDF3FE;
border-top:solid 1px #EDF3FE;
border-right:solid 1px #000000;
border-bottom:solid 1px #000000;
}

.textebdm {
margin-top:10px;
background: #999;
text-align: left;
font-weight:normal;
font-size:8pt;
color:#003366;

line-height: 1.6em;
padding: 0;
 margin-top:10px;
 margin-bottom:10px;


}

a.lienbdm:link,a.lienbdm:visited {
	text-decoration:none;
	color:#003366; 

	font-size:8pt;
	margin-top:10px;
}
a.lienbdm:hover {
	text-decoration:underline;
	color:#9922dd; 

	font-size:8pt;
	margin-top:10px;
}


.img-desc {
	position: relative;
	display: block;
   /* height:224px; */
	width: 300px;
	z-index:1;
}


.img-desc cite {
	background: #000;
	filter: alpha(opacity=50);
	opacity : 0.5;
	color: #1C5C98;
	position: absolute;
	font-size:20pt;
	line-height:120%;
		font-weight:normal;
	font-style:normal;
	text-align:center;
	margin-left:0px;
	bottom: 2px;
	left: 0;
	width: 278px;
	height:60px;
	padding: 10px;
	border-top: 0px solid #999;
	
}

.img-desc-300 {
	position: relative;
	display: block;
   /* height:224px; */
	width: 312px;
	z-index:1;
}


.img-desc-300 cite {
	background: #000;
	filter: alpha(opacity=50);
	opacity : 0.5;
	color: #FFF;
	position: absolute;
	font-size:14pt;
	line-height:120%;
		font-weight:normal;
	font-style:normal;
	text-align:center;
	margin-left:0px;
	bottom: 2px;
	left: 0;
	width: 278px;
	height:60px;
	padding: 10px;
	border-top: 0px solid #999;
	
}




.img-desc cite opac {
      filte r: alpha(opacity=100);  /* IE */
      -moz-opacity:1;             /* Firefox */
      opacity: 1;                 /* standard CSS3 */
      -khtml-opacity: 1;          /* Konqueror */
      color:#FFF;

}

.wrap .desc {
      display: block;
      position: absolute;
      width: 166px;
      top: 20px;
      left: 20px;
      z-index: 2;
      color: #FFFFFF;
      padding: 10px;
      background: url('my-small-bg.png');
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
}





.img-desc2 {
	position: relative;
	display: block;
   
	width: 500px;
	z-index:1;
}


.img-desc2 cite {
	background: #000;
	filter : alpha(opacity=70);
	opacity : 0.7;
	color: #fff;
	position: absolute;
	font-size:28pt;
	line-height:120%;
	font-weight:700;
	font-style:normal;
	text-align:center;
	margin-left:0px;
	bottom: 0px;
	left: 0;
	width: 490px;
	height:135px;
	padding: 6px 11px 6px 0;
	border-top: 0px solid #999;
	
}






a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none;
}
 
a.info:hover{
z-index:25;
background:#FFF;
text-decoration:none;
}
 
a.info span{
display: none;
}
 
a.info:hover span{
display:block;
text-decoration:none;
position:absolute;
top:2em; left:2em; width:45em;
border:1px solid #000;
background:#FFF;
color:#666;
text-align: justify;
font-weight:normal;
padding:5px;
}

.menuh{
padding-left:5px;
margin: 0 auto;
font-family: tahoma,georgia,arial, helvetica, sans-serif;
list-style-type:none;

}






.menuh{
padding-left:15px;
margin: 0 auto;
font-family: "tahoma",georgia,arial narrow, helvetica, sans-serif;
list-style-type:none;

text-align:center;
}


.menuh li {
display:inline;
}

.menuh li a{
padding:5px 15px 2px 5px;
color:#2F5997;
text-decoration:none;
float:left;
border:0px solid #000;
font-size:8pt;
margin-bottom:0px;
}

.menuh li a:hover
{
background:#0088cc;
color:#fff;
}

.div.fetch_left_box{
    float: left;
    padding: 10px;
    width: 650px;
    border: 2px solid black;
}

.div.fetch_right_box{
    float: right;
    padding: 10px;
    width: 360px;
    border: 2px solid black;
}


.edito{
text-align:center;
padding:0px;
font-size:12pt;
font-weight:normal;
font-style:italic;
margin:10px 40px 0 0;
}




#banner { /*Set style for scroller*/
text-decoration:none;
font-family:verdana, arial, sans-serif;
font-size:10px;
font-weight:700;
color:#1C5C98;
}

#banner:hover { /*Set color for mouseover scroller*/
 color: #ADD8E6;
}


.signature {
line-height:95%;
text-align:left;
color:#666;
font-size:8pt;
margin-top:10px;
margin-bottom:1px;
margin-left:0px;
padding-left:0px;
font-family:tahoma,verdana,georgia,helvetica;
float:left;
}

.signature-first {
line-height:100%;
text-align:left;
color:#666;
font-size:8pt;
margin-top:0pt;
margin-bottom:0px;
margin-left:0px;
padding-left:0px;
font-family:"tahoma",verdana,georgia,helvetica;
float:left;
}




.rubrique {
text-align:center;
color:#1C5C98;
margin-top:20px;
margin-bottom:3px;
height:10pt;
padding:2px 2px 2px 0px;
font-size:12pt;
font-weight:700;
}



.rubrique-top {
text-align:center;
color:#1C5C98;
margin-top:0px;
margin-bottom:20px;

padding:2px 2px 2px 0px;
font-size:10pt;
font-weight:700;
}






.alaune-titre{
	text-decoration:none;
	color : #234B7B;
	font-size:32pt;;
	margin-top: 5px;
	margin-bottom: 12px;
	margin-left:0px;
	margin-right:0px;
    text-align:left;
	line-height:110%;
	font-family: "arial narrow";
	font-weight:normal;
   
    padding-left:0px;
 }
 
 
 #alaune-titre-top{
	text-decoration:none;
	color : #234B7B;
	font-size:48pt;;
	margin-top: 5px;
	margin-bottom: 12px;
	margin-left:0px;
	margin-right:0px;
    text-align:left;
	line-height:110%;
	font-family: "arial narrow";
	font-weight:normal;
   
    padding-left:0px;
 }
 
 

.alaune-lien {
 color : #234B7B;
text-Decoration :none;
text-align:left;
margin-bottom:5pt;
margin-top:5pt;
}

 .alaune-lien:active {
 color : #234B7B;
 text-Decoration : none;
 text-align:left;
margin-bottom:5pt;
margin-top:5pt;
 }

 .alaune-lien:visited {
color : #234B7B;
text-Decoration :none;
text-align:left;
margin-bottom:5pt;
margin-top:5pt;
}

 
.alaune-lien:hover {
 Color : #0099cc;
Text-Decoration : underline;
text-align:left;
margin-bottom:5pt;
margin-top:5pt;
}




.ulfooter{ 
list-style-image: url(images/triangle-white.gif);
padding: 0 0 1.5em 2px;

margin-left: 12px;
margin-right: 12px;
}

.ulfooter li { 


}


#search {
 border:0px solid #000;
margin: 0 2px 50px 50px;
 float:right;
}

#table-tides{
color:#2F5997;
text-decoration:none;
font-size:8pt;
}


#table-tides td{
color:#2F5997;
text-decoration:none;
font-size:8pt;

}



.avonsrecu{
color:#fff;
background:#9E9E9E;
font-size:8pt;
padding:2px;
}

.latest {
    width: 100%;
    height:25px;
    border-bottom: 2px solid #9E9E9E;
 
    text-align:left;
    background:#FFF;
    margin-bottom:13px;
    
}


.divhr{
width:98%;
 border-top:5px solid #1C5C98;
 }

.divhrlight{
 width:98%;
 border-bottom:5px solid #ccc;
 text-align:center;
 margin-top:2px;
 }