@font-face {
    font-family: "cfc";
    font-weight: bold;
    src: url('police/cfc.otf');
}
#index {
    font-family: Georgia , Arial, sans-serif;
    font-size: 100%;
    font-size:0.9em;
	color:#66858D;
}		
*  {
     margin:0;
     padding:0;
}
body, html {
    height:100%;
    font-family: Verdana, Arial, sans-serif;
    font-size: 2;
    font-size:0.9em;
	background-color:#e7ebf2;
}

img, p, h1, h2, h3, h4, h5, h6, Span, object, table, td, tr, form {
    border:0;
    margin:0;
    padding:0;
} 

#footer{
font-size:0.9em;
text-align:center;
}

#conteneur {
    margin:0 auto;
    padding:0 0 0 0;
    width:920px;
}	  		
#header {
    background:url(images/30ans.png);
    width:915px;
    height:200px;
    text-align:left;
    padding:0 0 0 5px;
    position:relative;
    z-index: 9999;
    no-repeat;
}	
#contenu {
    background:url(images/contenu.png);
    width:900px;
    padding:0 10px;
    text-align:left;
}   
#colonne_droite {
    width:690px;
    padding:0 0 0 0;
	margin:0 0 0 202px;
}	
#colonne_gauche {
	float:left;
    width:192px;
    margin:0 0 0 0;
    padding:0;
    text-align:left;
    overflow:hidden;
} 				  
.petit_cadre_haut {
    background:url(images/petit_cadre_haut.png);
    width:192px;
    height:12px;
}	   
.petit_cadre_fond {
    background:url(images/petit_cadre_fond.png);
    width:180px;
	padding:0 6px;
    color:#626262;
    text-align:center;
	margin:0 auto;
}
.petit_cadre_bas {
    background:url(images/petit_cadre_bas.png);
    width:192px;
    height:6px;
}
.cadre {        
    margin:0 0 20px 0;
    width:600px;
    text-align:left;
    background:#272c30;
    padding:10px;
    position:relative;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 1px 5px #000;
}
.petit_cadre1 { 
    float:left;
    margin:0 auto 10px 10px;
    width:320px;
    text-align:left;
    background:#efeff7;
    padding:10px;
    position:relative;
    box-shadow: 0px 1px 3px #000;
}
.petit_cadre2 { 
    float:left;
    margin:0 auto 20px 20px;
    width:300px;
    text-align:left;
    background:#efeff7;
    padding:10px;
    position:relative;
    box-shadow: 0px 1px 3px #000;
}
.petit_cadre3 { 
    float:left;
    margin:0 auto 20px 20px;
    width:310px;
    text-align:left;
    background:#efeff7;
    padding:10px;
    position:relative;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 1px 5px #000;
}
.petit_cadre4 { 
    float:left;
    margin:0 auto 20px 20px;
    width:260px;
    text-align:left;
    background:#efeff7;
    padding:10px;
    position:relative;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 1px 5px #000;
}
.block {       
    margin:0 auto 20px auto;
	width:654px;
	text-align:left;
	background:#272c30;
	padding:10px;
	position:relative;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0px 1px 5px #000;
}
.petit_cadre_info { 
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
    text-align:center;
    background:#7FC6BC;
    padding:10px;
    position:relative;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 1px 5px #000;
}	
.petit_cadre_def { 
	margin-left:10px;
	margin-right:10px;
    background:#EDF7F2;
    position:relative;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 1px 5px #000;
}				     
.cadre100 { 
	margin-left:10px;
	width:310px;
	margin-bottom:10px;
    background:#EDF7F2;
    padding:10px;
	float:left;
    position:relative;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 1px 5px #000;
}				
.cadre101 { 
	margin-left:10px;
	width:310px;
	margin-bottom:10px;
    background:#EDF7F2;
    padding:10px;
    position:relative;
	float:left;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 1px 5px #000;
}			     

#pied {
    width:920px;
	padding:0;
	text-align:center;
	height:58px;
	background:url(images/pied.png) no-repeat;
	
} 
p.piedpage {
    position:relative;
    color:#FFF;
    font-size:12px;
    font-weight:normal;
    background:#7FC6BC;
    padding:2px 0 2px 0;
    margin:0 0 10px 0;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}
a                             {color:#046380;text-decoration:none;outline:none}	 
a:hover                  {color:#5EB6DD;}		
span.vert               {color:#2c9325;} 
span.grand              {color:#2c9325;font-size:14px;font-weight:bold;}
span#welcome          {font-size:13px;font-weight:bold;color:#787878;display:inline;}
p.italic                {font-style:italic;}
h1                           {font-size:13px;}
h2                           {font-size:14px;}
h3                           {font-size:15px;}
h4                           {font-size:16px;}
h5                           {font-size:17px;}
h6                           {font-size:18px;}
h1, h2, h3, h4, h5, h6 {font-weight:bold}


.complementaire ul {
	float: none;
	list-style-position: inside;
	font-size: 12px;
	margin-top: 10px;
}

.complementaire li {
	text-align: left;
}

.complementaire1 {
	float: left;
	margin-left: 5px;
	margin-bottom:10px;
	background-color: #E4E4E4;
	padding: 15px;
	width: 425px;
	border-radius: 5px;
	box-shadow: 0px 10px 20px #efefef inset;
	position: relative;
	z-index: 1;
	border: 1px solid #DEDEDE;
}
.complementaire2 {
	float: right;
	margin-left: 2px;
	margin-bottom:5px;
	background-color: #E4E4E4;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 190px;
	border-radius: 5px;
	box-shadow: 0px 10px 20px #efefef inset;
	position: relative;
	z-index: 1;
	border: 1px solid #DEDEDE;
}
.complementaire4 {
	float: right;
	margin-left: 2px;
	background-color: #E4E4E4;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 190px;
	border-radius: 5px;
	box-shadow: 0px 10px 20px #efefef inset;
	position: relative;
	z-index: 1;
	border: 1px solid #DEDEDE;
}
.complementaire3 {
	float: right;
	margin-left: 2px;
	background-color: #B9121B;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: auto;
	border-radius: 5px;
	box-shadow: 0px 10px 20px #B9121B inset;
	position: relative;
	z-index: 1;
	border: 1px solid #DEDEDE;
}

.complementaire h4 {
	text-transform: uppercase;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}
.tete_news { 
	height:20px;
	width:640px;
	margin-bottom:5px;
    background:#EDF7F2;
    padding:5px;
    position:relative;
	float:center;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 1px 5px #000;
}		
.retour_site { 
	height:20px;
	margin-bottom:5px;
    background:#EDF7F2;
    padding:5px;
    position:relative;
	float:center;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0px 1px 5px #000;
}