/* CSS Document */
body {
margin:0 10px 0 10px;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align:center;
background-image: url(../images/site_bg.jpg);  background-repeat: repeat-x;
}

#contenu {
width: 100%;
}

#header {
height: 138px; background-image: url(../images/HeaderImage.jpg); background-repeat:no-repeat;}

.logosite span {display: none;}
.logosite {background-image: url(../images/LogoSite.jpg); width: 195px; height: 135px; float: left;}
#recherche {width: 199px; height: 45px; background-image:url(../images/header_recherche.gif); background-repeat:no-repeat; float: right;
margin-top: 15px; padding-top: 5px;}
.rechercher {font: bold 11px verdana; color: #366EAB; padding-left: 10px;}

#bloc-contenu {
float: left;
width: 100%;
}

#col-centre {
margin: 0 220px 0 195px; /* Marge droite et marge gauche */
}
#tableau {margin-left: 20px; margin-top: 20px; text-align: left;}

#col-droite {
width: 179px; /* Largeur de la colonne */
margin-left: -189px; /* Marge gauche */
margin-top: 20px; margin-right: 10px;
float: left;
}
#col-droite a {font: bold 11px Verdana, sans-serif; color : #407CB8; text-decoration: none; margin-bottom: 10px;}
#col-droite a:hover, #col-droite a:focus {text-decoration:underline;}

#col-gauche {
float: left;
width: 195px; /* Largeur de la colonne */
margin-left: -100%; /* Marge gauche */
text-align: left;
margin-bottom: 20px;
}

#menu {background-image: url(../images/menu_bg.jpg); padding-top: 10px; margin-top: 0;}
.list_menu {font-size: 11px; line-height: 28px; font-weight: bold; margin-left: 20px;}
.list_menu a, .list_menu a:visited, .list_menu a:link { text-decoration: none; color: #1D2D84}
.list_menu a:hover {text-decoration: none; color: #1D2D84;}
.list_menu a:focus {text-decoration: none; color: #1D2D84;}

#tout_sous_menu {}
#list_sous_menu {line-height: 14px; list-style-type: none; font-size: 11px; font-weight: bold;}
#list_sous_menu a {text-decoration: none; color: #B72E6A}
#list_sous_menu a:hover {text-decoration: none; color: #B72E6A;}
#list_sous_menu a:focus {text-decoration: none; color: #B72E6A;}

#tableau table caption {font: bold 12px Verdana; color: #B72E6A; text-align: left; margin-bottom: 5px;}
#tableau table td  {font: 11px Verdana; color: #333333; vertical-align: top;}


#tableau a {font : bold 11px Verdana, sans-serif;
	color : #B92F6A; text-decoration: none;
	}
#tableau a:hover {text-decoration:underline;}	

.iso {margin-top: 20px;}

#footer {
clear: left;
width: 100%;
height: 30px; margin-top: 20px; margin-bottom: 10px; padding-top: 10px;
background-image:url(../images/footer_bg.gif); background-repeat: repeat-x; text-align: center; color:#333333;}
.menu_bas a, .menu_bas a:hover {color: #B92F6A; text-decoration: none;}
.col-int {
padding: .5em 1em;
}

/*  Default stylesheet use in the static template record "cSet stylesheet" */
/* TYPO3 CVS ID: $Id: defaultstylesheet.css 48 2003-10-26 17:07:44Z typo3 $ */


A:link {
	background-color : transparent;
	color : navy;
	text-decoration : none;
	font-weight : bold;
}
A:visited {
	background-color : transparent;
	color : navy;
	font-weight : bold;
	text-decoration : none;
}
A:hover {
	background-color : transparent;
	color : #FF0000;
	text-decoration : none;
}
A:active {
	background-color : transparent;
	color : navy;
	font-weight : bold;
	text-decoration : none;
}


SELECT {  
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px 
}
TEXTAREA {  
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px
} 
INPUT {  
	font-family: Verdana, Arial, Helvetica; 
	font-size: 10px 
}

.puce {	
	font : bold 12px Verdana, sans-serif;
	color : #ffffff; background-image:url(../images/puce.gif); background-repeat: no-repeat; padding-left: 20px;
	}
.texte, .bodytext {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	color : #B92F6A;
}

.date {	
	font : italic 10px Verdana, sans-serif;
	color : #B92F6A;
}

li, ul{
	font-family : Verdana, sans-serif;
	font-size : 11px;
	color : #B92F6A;
}


H1 {
	font-family : Verdana, sans-serif;
	font-size : 18px;
	color : #1D2D84;
	background-image: url(../images/separ.gif); background-repeat: repeat-x;
	height: 25px; padding-top: 10px;
	margin-bottom : 5px;
	margin-top : 5px;
}
H2 {
	font-family : Verdana, sans-serif;
	font-size : 16px;
	color : #1D2D84;
	margin-bottom : 0px;
	margin-top : 10px;
}

H3 {
	font-family : Verdana, sans-serif;
	font-size : 14px;
	color : #1D2D84;
	margin-bottom : 0px;
	margin-top : 10px;
}
H4, H5, H6 {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #1D2D84;
	margin-bottom : 0px;
	margin-top : 10px;
}

.subhead1 {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : #1D2D84;
}
.subhead2 {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : #62B80D;
}
.subhead3 {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : #5783EE;
}
.headerdate {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : #5783EE;
	font-weight: normal;
}



P {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	line-height : 180%;
	color: #333333;
	margin-top : 1px;
	margin-bottom : 1px;
	padding-bottom : 0px;

	
}



.caption {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : #FF9966;
}
.bulletlist {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : #6600CC;
}
.table {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	color : #CC3366;
}







.searchform {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #6600CC;
	font-weight : normal;
}
.searchresultpagetitle {
	font-family : Verdana, sans-serif;
	font-size : 15px;
	color : #333333;
	font-weight : bold;
}
.searchresultcontent {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	color : #6600CC;
	font-weight : normal;
}
.searchresultheader {
	font-family : Verdana, sans-serif;
	font-size : 14px;
	color : #333366;
	font-weight : bolder;
}
.searchmarkup {
	color : #FF0066;
}




.loginform {
	font-family : Verdana, sans-serif;
	font-size : 14px;
	color : #CC0000;
	font-weight : normal;
}


.mailform {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #003366;
	font-weight : normal;
}
.mailformrequired {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #003366;
	font-weight : bolder;
}
.mailformcomment {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #CC0000;
	font-weight : bolder;
}
.mailformradio {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : #003366;
	font-weight : normal;
}






.filelinks {
	font-family : Verdana, sans-serif;
	font-size : 14px;
	color : #990000;
}
.filelinkssize {
	font-family : Verdana, sans-serif;
	font-size : 14px;
	color : Green;
}



.sitemap1 {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : #CC6600;
}
.sitemap2 {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	color : #990000;
	margin-left : 20px;
}
.sitemap3 {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : #333399;
	margin-left : 40px;	
}
.sitemap4 {
	font-family : Verdana, sans-serif;
	font-size : 9px;
	color : #003333;
	margin-left : 60px;
}




.celmenu {
	font-family : Verdana, sans-serif;
	font-size : 12px;
	color : olive;
	margin-top : 10px;
}
.celsubmenu {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	color : #666699;
	margin-left : 20px;
	margin-top : 3px;
}


form #mailform{
background-color: #f4e3ea;
border:none;
color:#f4e3ea;
}

/*  alignement des champs de formulaire de contact */

.csc-mailform {
padding-top:10px;
padding-left: 10px;
background-color: #f4e3ea;
border: none;
}
div.csc-mailform-field{
overflow: hidden;
margin-bottom: 10px;
}
div.csc-mailform-field label {
display: block;
float: left;
width: 100px;
}
div.csc-mailform-field input{
width: 400px;
}

div.csc-mailform-field textarea{
width: 400px;
}
#mailformformtype_mail{width: 110px;}

