/* General styles */
/* Modifié-22-06-2024 */
*{margin:0; padding:0;}
body { font:80% Tahoma,sans-serif; }
p,ul,ol,dl {font-size: 1.2em; margin:0 0 5px 0; line-height:1.0em;}
p,ul,ol,dl {font-size: 1.2em; margin:0 0 5px 0; line-height:1.0em;}
h1 {font-size:3.0em; margin-bottom:0;line-height:1.3em;margin-top:0px;}
h1 a {text-transform:none; font-weight:400;}
h1 a:hover {text-decoration:none; color:#eee;}
h2 {font-size:2.0em; font-family: 'Enriqueta', sans-serif; color:red; font-weight:200; line-height:1.2em;}
h3 {font-size:1.5em; font-family: 'Enriqueta', sans-serif; color:#d06060; font-weight:400; line-height:1.em;}
h4 {font-size:1.2em; font-family: 'Enriqueta', sans-serif; color:green; font-weight:400; line-height:1.em;}
#layout {margin:0px auto 0; width:960px;}
.col {float:left; margin:0 10px; overflow:hidden;  display:inline;}
.col1 {float:right; margin:0 10px; overflow:hidden;  display:inline;}
.col2 {float:center; margin:0 10px; overflow:hidden;  display:inline;}
.col img {max-width:100%;}
.row {width:960px; margin:20px auto 0; overflow:hidden;}
.row .row {margin:0 -10px; width:auto;	display:inline-block;}
.b6 {background-color: #8fbc8f;}
.b5 {color:red ;}
.c1 {width:60px;}
.c2 {width:140px;}
.c3 {width:220px;}
.c4 {width:300px;}
.c5 {width:380px;}
.c6 {width:460px;}
.c7 {width:540px;}
.c8 {width:620px;}
.c9 {width:700px;}
.c10 {width:780px;}
.c11 {width:860px;}
.c12 {width:940px;}
hr {height: 10px;	border: 0;	box-shadow: 0 15px 10px -10px #8c8b8b inset;}
.c30{border-radius:0px;}
.ligne {display: inline-block;}
.mgl5{ margin-left:5px;}
.mgt{padding-top:20px; }
.mtop20{ margin-top:20px;}
.mtop50{ margin-top:50px;}
.pdl5{ padding-left:5px;}
.pdl15{ padding-left:15px;}
.mgr15{ margin-right:15px;}
.mgr25{ margin-right:25px;}
.ptop20{padding-top:20px;}
.mbot20{ margin-bottom:20px;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.border {border:1px solid red;}
.fl{float:left; margin-left:100px;}
.fl1{float:left; margin-bottom:1px;}
.fl2{float:left; margin-top:0px;margin-left:40px;}
.fl2a{float:left; margin-top:40px;margin-left:40px;}
.fl3{float:left; margin-left:50px;margin-top:20px;}
.fr{float: right; margin-right: 50px;}	
.txt{font-size: 1.3em; color: green;}
.txt1{font-size: 1.2em; color: red;}
.txt1a{font-size: 1.2em; color: navy;}
.txt2{font-size: 1.0em; color: navy; font-weight:400;}
.txt3{font-weight:800; color:red;}
.txt4{font-size: 1.5em; font-weight:800; color:red;}
.txt5{text-decoration: line-through;}
.txt6{font-size: 1.2em; font-weight:800; color:navy;}
.txt23{font-size: 1.0em; color: navy; font-weight:400; text-decoration: underline;}
.border {border: 10px orange solid;}
.border1 {border: 5px black solid;}
.border2 {border: 5px red solid;}
.panneau{width:; margin: auto;  background-color:yellow; font-weight:600; padding:10px 10px 10px 0px; }
.panneau1a{width:; margin: auto;  background-color:yellow; font-weight:400;  color:navy; padding:10px 10px 10px 0px; }
.panneau1{width:90%; margin: auto;color:black;  background-color:#8fbc8f; font-weight:400;	padding:10px 10px 10px 10px; }	
.panneau2{width:90%; margin: auto;color:black; border:0px solid red; background-color:; font-weight:600;}		
.panneau3{width:90%; margin: ;color:black; border:5px solid green; background-color:; font-weight:600; padding:0px 0px 0px 0px; } 
.panneau3a{width:90%; margin:20px 0px 0px 20px ;color:black; border:; background-color:; font-weight:600; padding:0px 0px 0px 0px; }       
.panneau4{width:90%; margin: auto;color:black; border:8px solid red; background-color:yellow; font-weight:600; padding:0px 0px 0px 0px; } 
.panneau5{width:90%; margin: auto;color:black; border:0px solid red; background-color:#FFFF00; font-weight:400;	padding:10px 10px 10px 10px; }
.panneau6{width:; margin: auto;color:black;  background-color:#8fbc8f; font-weight:600;	padding:30px 10px 10px 10px; }	
.panneau7{width:; margin: auto;color:black;  background-color:yellow; font-weight:600;	padding:0px 10px 0px 10px; }	
.panneau8{width:; margin: auto;color:black;  background-color:; border:px solid red; font-weight:600;	padding:0px 10px 10px 10px; }
.pane1{background-color:yellow;}
.pane2{font-size: 1.0em;  color:red;}
.pane3{font-size: 1.5em; font-weight:600; color:red;}
	
/* Light styles, apply by using class="light" on the body HTML element url(pic/bg.jpg)repeat;*/




.b1{font-weight:600; font-size:1.8em; color: red;}
.larger {font-size:1.2em;}
body. img {border:0; }
body. {font:80% "ABeeZee",Tahoma,sans-serif; color:navy; }/*couleur */
body.light a {font:80% "ABeeZee",Tahoma,sans-serif; background-color:;text-decoration:none; color:darkgreen;
			font-weight:900; line-height:2.5em; argin:15px; 
			padding:6px 10px 6px 10px;}
body.light a:hover {color:red;border:0px solid navy;}
body.light h1 {color:red; font-size:3.0em; margin-bottom:0;line-height:1.3em;}
body.light h1 a:hover {color:#303030;}
body.light h2 {color:red; font-size:2.0em;margin:0 0 10px; font-weight:200;}
body.light h2 a:hover {color:green;}

body.light h3 {color:navy; }
body.light .navmenu a {font-size:1.2em; }

/*.back{Background-color: #8fbc8f; margin:auto;width:100%; }*/
body.light .foot a {font:80% "ABeeZee",Tahoma,sans-serif;  text-decoration:none; color:darkgreen;
			font-weight:900; line-height:2.5em; margin:15px; padding:6px 10px 6px 10px;}
body.light .foot a:hover {color:red;border:0px solid navy;}
div.thumbnail img {width:220px; height:220px; margin:20px 30px 30px 20px; border:0px solid navy;}
div.thumbnails img {width:160px; margin:20px 30px 30px 20px; }
div.thumbnails img.last {margin-right:0;}


/*body {background: url(image/vol.png) no-repeat; background-position:right;  background-position: 85% 0;}*/
/*body.light {margin: auto;margin-top:10px;margin-bottom:10px;background-color: lightgrey;}*/
/*body.light {margin: auto;margin-top:10px;margin-bottom:10px;background: url(image/bg8.jpg)repeat;}*/
/*................................*/
@media only screen and (max-width : 960px){
#layout, body.wider #layout {width:auto; margin:0; padding:20px;}
.row {width:100%;}
.col {margin:0 0 20px 0;}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {width:100%;}
h1 {margin:-15px auto 5px; line-height:1.4em;}
body .navmenu {margin:0px 0 -15px;}

.back{background-color:;margin:auto;width:100%; }
body.light .navmenu a {font-size:1.4em; display:inline-block; padding:7px 12px;margin:0 10px 8px 0; 
					background-color:;  }
body.light a {font:80% "ABeeZee",Tahoma,sans-serif; background-color:;text-decoration:none; color:green;
			font-weight:900; line-height:2.5em; margin:15px; 
			padding:6px 10px 6px 10px; border:0px solid yellow;}
body.light a:hover {color:navy;border:0px solid navy;}

body.light .foot a {background-color: ; color:green; font-weight:600; font-size:1.0em;line-height: 1.5em;}
body.light .foot a:hover { color:navy;}
.headerimage img {width:100%; height:auto;}
div.thumbnails img {width:24%; margin:0;}
div.thumbnails img.last {margin-right:0;}