@charset "utf-8";
body {
	width:90%;
	height:90%;	
	background-color: #D7D1C3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
}
.box
    {        
        BORDER-RIGHT: blue 1px solid;
        BORDER-TOP: blue 1px solid;
        BORDER-LEFT: blue 1px solid;
        BORDER-BOTTOM: blue 1px solid;
        BACKGROUND-COLOR: White;
    }
	


.Stylebleu {color: #0000FF;
	font-size: 16px;
	font-weight: bold;
}
.StyleD {color: #0101DF}
.StyleDg {font-size: 16px; color: #0101DF}
.StyleS {color: #8A4B08}
.StyleSg {font-size: 16px; color: #8A4B08}
.StyleA {color: #0B610B}
.StyleAg {font-size: 16px; color: #0B610B}
.StyleP {color: #FA5858}
.StylePg {font-size: 16px; color: #FA5858}
.StyleF {color: #B18904}
.StyleFg {font-size: 16px; color: #B18904}
.StyleR {color: #04B4AE}
.StyleRg {font-size: 16px; color: #04B4AE}
.Style8 {font-family: Calibri}
.cadre
    {        
        border-radius:20px;
	}
.cadrecolor
    {        
        border-radius:20px;
		background-color:#D7D1C3;
		color: #FFFFFF;
    }
.conteneur1 {
text-align: center;
}
.centre2 {
margin-left: auto;
margin-right: auto;
width: 1110px;
text-align: left;
padding: 0.5em;
}
.centre3 {
margin-left: auto;
margin-right: auto;
width: 600px;
text-align: left;
padding: 0.5em;
}
.centre4 {
position; relative;
left: 50%;
margin-left: -200px;
width: 400px;

}

td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #330000;
}


fieldset {
 border:1px solid #DF3F3F;
 border-radius: 20px;
 background-image:linear-gradient(0deg , #466F83 , #D7D1C3);
 }

legend {
 color:#DF3F3F;
 font-weight:bold
 }
label {
 margin-top:10px;
 display:block;
 }
label.inline {
 display:inline;
 margin-right:50px;
 }
input, textarea, select, option {
 background-color:#FFF3F3;
 }
input, textarea, select {
 border:1px solid #F5C5C5;
 border-radius:5px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }

input[type=radio] {
 background-color:transparent;
 border:none;
 width:10px;
 }
input[type=submit]  {
 width:50px;
 margin-left:5px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 }


.txtpetit {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3C6B59; 
	line-height: 1.5;}

.navigation {
	font-family: Verdana, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #CC66CC;
	display: block;
	padding: 8px;
	width: 180px;
	color: #FFFFFF;
}

.navigation:hover {
	font-family: Verdana, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D03D03;
	display: block;
	padding: 8px;
	width: 180px;
}

.navigation1 {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #33FF00;
	display: block;
	padding: 8px;
	width: 170px;
	height: 65px; 
	color: #FFFFFF;
}


.navigation1:hover {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D03D03;
	display: block;
	padding: 8px;
	height: 65px;
	width: 170px;
}
.navigation1active {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #33FF00;
	display: block;
	padding: 8px;
	height: 70px;
	width: 159px;
	border-width: 3px;
		border-style: double;
		border-color: red;

}

.navigation2 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #0066FF;
	display: block;
	padding: 7px;
	width: 140px;
	height: 40px; 
	color: #FFFFFF;
}


.navigation2:hover {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D03D03;
	display: block;
	padding: 7px;
	height: 40px;
	width: 140px;
}
.navigation2active {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0066FF;
	display: block;
	padding: 7px;
	height: 45px;
	width: 134px;
	border-width: 3px;
		border-style: double;
		border-color: red;

}


.navigation3 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #FF6600;
	display: block;
	padding: 7px;
	width: 140px;
	height: 40px; 
	color: #FFFFFF;
}


.navigation3:hover {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D03D03;
	display: block;
	padding: 7px;
	height: 40px;
	width: 140px;
}
.navigation3active {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF6600;
	display: block;
	padding: 7px;
	height: 45px;
	width: 134px;
	border-width: 3px;
		border-style: double;
		border-color: red;
}
.navigation4 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #11E831;
	display: block;
	padding: 7px;
	width: 100px;
	height: 20px; 
	color: #FFFFFF;
	border-radius: 20px;
}


.navigation4:hover {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D03D03;
	display: block;
	padding: 7px;
	height: 20px;
	width: 100px;
	border-radius: 20px;
}
.navigation4active {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #11E831;
	display: block;
	padding: 7px;
	height: 14px;
	width: 104px;
	border-width: 3px;
		border-style: double;
		border-color: red;
		border-radius: 20px;
}
.navigation5 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #00FFFF;
	display: block;
	padding: 7px;
	width: 120px;
	height: 20px; 
	color: #8A0868;
	border-radius: 50px;
}


.navigation5:hover {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D03D03;
	display: block;
	padding: 7px;
	height: 20px;
	width: 120px;
	border-radius: 50px;
}
.navigation5active {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #8A0868;
	text-decoration: none;
	background-color: #00FFFF;
	display: block;
	padding: 7px;
	height: 20px;
	width: 120px;
	border-width: 3px;
	border-style: double;
	border-color: red;
	border-radius: 50px;
}
.navigation6 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #466F83;
	display: block;
	padding: 7px;
	width: 100px;
	height: 20px; 
	color: #FFFFFF;
	border-radius: 50px;
}


.navigation6:hover {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D03D03;
	display: block;
	padding: 7px;
	height: 20px;
	width: 100px;
	border-radius: 50px;
}
.navigation6active {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #466F83;
	display: block;
	padding: 7px;
	height: 14px;
	width: 104px;
	border-width: 3px;
		border-style: double;
		border-color: red;
		border-radius: 50px;
}

.navigation7 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #D7D1C3;
	display: block;
	padding: 7px;
	width: 170px;
	height: 20px; 
	color: #4C5784;
	border-width: 3px;
		border-style: double;
		border-color: red;
		border-radius: 50px;
}


.navigation7:hover {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D03D03;
	display: block;
	padding: 7px;
	height: 20px;
	width: 170px;
	border-width: 3px;
		border-style: double;
		border-color: red;
		border-radius: 50px;;
}


.navigation8 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 7px;
	width: 145px;
	height: 20px; 
	color: #4C5784;
	border-width: 3px;
		border-style: double;
		border-color: red;
		border-radius: 50px;
}


.navigation8:hover {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D03D03;
	display: block;
	padding: 7px;
	height: 20px;
	width: 145px;
	border-width: 3px;
		border-style: double;
		border-color: red;
		border-radius: 50px;;
}


.titre1 {color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-size: x-large; font-weight: bold; }
.titre1Vert {color: #17E117; font-family: Arial, Helvetica, sans-serif; font-size: x-large; font-weight: bold; }
.titre2 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #38878D; }
.titre2B {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF; }
.titre2moins {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #38878D; }
.titre2R {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0000; }
.titre2rouge {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0000;
	 }
.titre2rougeS {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0000;
	text-decoration : underline;
	background-color: #FFFFCC; }
.titre2noir {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000; }
	
.titre2blanc {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F5F6CE; }
	

.titre2g {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 63px;
	color: #FF0000; }
.titre2plus {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #38878D; }
.titre2nav {
	font-family: Verdana, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #6699FF;
	color: #FFFFFF;
}
.titre3 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 
	color: #3C6B59;
}	
.titre4 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: bold;
	color: #38878D; }

.title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 30px;
  background-color: #990000; color: #FFFF66;
}

.subtitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
  color: #660000; font-style: oblique;
}

.header {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	background-color: #990000;
  color: #FFFF66;
}



.nav {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #CCCC66;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}

.sidebar {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFF99;
}

.sidebarHeader {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	color: #FFFF99;
	background-color: #999933;
 font-weight: bold;
}

.sidebarFooter {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #FFFF99;
 color: #990000;
}

.footer {
  font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #FFFF99;
}

.legal {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	color: #333333;
}

.legalbleu {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	font-weight: bold;
	color: #0000FF;
}
.box1 {
	border-width: 2px;
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
  border-style: dotted;
	}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #336699;
}

.dingbat {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #CCCC99;
 color: #660000; font-weight: bolder; font-size: medium;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

h1 {
	margin: 0; padding-bottom: 8px;
	color: #0B55C4; font-size: 20px; font-weight: bold;
}

h3 {
	font-size: 13px;
}


/* Nouvelles règles si la fenêtre fait au plus 640px de large */
@media screen and (max-width: 640px)
{
body {
	width:90%;
	height:90%;	
	background-color: #CCFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
}
.navigation4 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #336699;
	display: block;
	padding: 7px;
	width: 90px;
	height: 15px; 
	color: #FFFFFF;
}


.navigation4:hover {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D03D03;
	display: block;
	padding: 7px;
	height: 15px;
	width: 90px;
}
.navigation4active {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #336699;
	display: block;
	padding: 7px;
	height: 10px;
	width: 84px;
	border-width: 3px;
		border-style: double;
		border-color: red;
}
.navigation5 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	background-color: #00FFFF;
	display: block;
	padding: 7px;
	width: 90px;
	height: 20px; 
	color: #8A0868;
}


.navigation5:hover {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D03D03;
	display: block;
	padding: 7px;
	height: 20px;
	width: 90px;
}
.navigation5active {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #8A0868;
	text-decoration: none;
	background-color: #00FFFF;
	display: block;
	padding: 7px;
	height: 20px;
	width: 84px;
	border-width: 3px;
		border-style: double;
		border-color: red;
}

h1 {
	margin: 0; padding-bottom: 8px;
	color: #0B55C4; font-size: 20px; font-weight: bold;
}

h3 {
	font-size: 13px;
}



}