/* CSS Document Milkshake-Studio */

body { margin: 0; padding:0; background-color:#FFFFFF; }
h1, h2 {margin: 0; padding: 0; display: inline; }
#general {
	margin-left: auto;
	margin-right: auto;
	background:  url(images/used/fond-rouge2.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width: 886px;
	height: 622px;
}
#general .logo {
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	width: 180px;
	height: 140px;
	font-family:Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size:10px;
	text-align:center;
	font-weight:bold;
}
a, a:active, a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
}
a:hover {
	text-decoration:underline;
}
/************************************ CONTENT *************************************/
#general #content {
	width: 700px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
#general #content .contactLink {
	margin-left: auto;
	margin-right: auto;
	margin-top: -35px;
	text-align: center;
}

#general #content .texte, #general #content .texte h1, #general #content .contactLink h2 {
	width: 500px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:14px;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
}
#general #content .contactLink h2 {font-size:16px; }
#general .contact, *+html #general .contact {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:10px;
	float: left;
	font-size:10px;
	margin-top: -35px;
	margin-left: 40px;
	padding: 0;
	height: 20px;
	width: 800px;
	text-align:left;
}
/**+html #general .contact {margin-top: -55px;}*/
#general #content .texte span, #general .contact input, #general .contact input.bton, #general .contact span.error {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:10px;
}
#general .contact input, #general .contact input.bton { height: 10px; vertical-align: text-top; color:#333666;} 
#general .contact input.bton { height: 20px; margin-top: -2px; } 
#general .contact span.error { color: #FFCC00; font-weight: bold; font-size:12px;}
#general #content .texte a.link, #general #content .texte a.link:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size:18px;
	text-decoration:none;
}
#general #content .texte a.link:hover { color:#FFFFFF; }
#general #content .contactLink, #general #content .contactLink a, #general #content .contactLink a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size:18px;
	text-decoration: none;
	font-weight: bold;
}
#general #content .contactLink a:hover {
	text-decoration: none;
	color:#FFFFFF;
	font-weight: bold;
}
/*************** PARTENAIRE ***********/
#general .partner {
	float: right;
	margin-right: 50px;
	margin-top: -145px;
	padding: 5px 5px 5px 5px;
	width: 110px;
	height:110px;
	color:#666666;
	background-image: url(images/used/box-partenaire.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-align:center;
}
#general .partner img { border:none;  margin-top: -5px;}
#general .partner, #general .partner a, #general .partner a:active, #general .partner a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#666666;
}
#general .partner a:hover { color:#FF0000; }
/************************************ FOOTER ***************************************/
 .copy, .copy, a, .copy a:hover, #generalVoeux .copy, #generalVoeux .voeux .enLigne, #generalVoeux .voeux .enLigne a, #generalVoeux .voeux .enLigne a:hover {
	margin-top: -10px;
	height:20px;
	z-index:3;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #555555;
	text-decoration: none;
	text-align: center;
}
 /**+html .copy {équivalent ie7 
	margin-top: -25px;
	margin-left: -150px;
	height:20px;
	z-index:3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #555555;
	text-decoration: none;
	text-align: center;
}*/


/* ***************************************************************************************
********************************** CONTENT AUTRES PAGES **********************************
******************************************************************************************/
.gazon {
	background: url(images/used/Fond-Gazon.jpg) repeat;
}
#generalPages {
	margin-left: auto;
	margin-right: auto;
	/*background: url(images/used/Fond-Gazon.jpg) left repeat;*/
	padding: 0;
	width: 840px;	
}
#contentGeneral {
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
/*	padding-left:5px;
	color: #000033;
	background-color:#0066FF;*/
}


/************************************ HEADER **********************/
/*
#contentGeneral .headerWhite .clt{
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	list-style-type: none;
	list-style-image: none;
	list-style:none;
	width: 150px;
	
}
#contentGeneral .headerWhite .clt ul{
	margin-top: -93px;
	margin-left: 95px;
}
#contentGeneral .headerWhite .clt ul, #contentGeneral .headerWhite .clt ul li {
	list-style-type: none;
	list-style-image: none;
	list-style:none;
	width: 150px;
	height: 18px;
}
#contentGeneral .headerWhite .clt ul li { 
	background: url(images/used/backMenuinverse.gif) right no-repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	line-height: 18px;
}
#contentGeneral .headerWhite .clt ul li h1, #contentGeneral .headerWhite .clt ul li h1 a, #contentGeneral .headerWhite .clt ul li h1 a:active,#contentGeneral .headerWhite .clt ul li h1 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	color: #999999;
	font-variant: small-caps;
}
#contentGeneral .headerWhite .clt ul li h1 a:hover {
	color:#333666;
}*/
#contentGeneral .headerWhite {
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/used/header.png);
	background-position:top;
	background-repeat:no-repeat;
	height: 129px;
	/*border-bottom: 10px #FFFFFF solid;margin-top: 10px;margin-left: 5px;
	*/
}
#contentGeneral .headerWhite img {
	margin-left: 325px;
	margin-top: 13px;
	border:none;
}
#contentGeneral .headerWhite .menu {
	/*float: right;background-color:#0033FF;text-align:right;padding: 0;*/
	margin-top: -93px;
	margin-left: 550px;
	width: 150px;
}
#contentGeneral .headerWhite .menu ul { margin-left: -38px; margin-top: -12px;}
#contentGeneral .headerWhite .menu ul, #contentGeneral .headerWhite .menu ul li {
	/*padding: 0;
	margin: 0;*/
	list-style-type: none;
	list-style-image: none;
	list-style:none;
	width: 150px;
	height: 18px;
}
#contentGeneral .headerWhite .menu ul li { 
	background: url(images/used/backMenu.gif) right no-repeat;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	line-height:18px;
}
#contentGeneral .headerWhite .menu ul li h1, #contentGeneral .headerWhite .menu ul li h1 a, #contentGeneral .headerWhite .menu ul li h1 a:active, #contentGeneral .headerWhite .menu ul li h1 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration:none;
	color:#999999;
	font-variant:small-caps;
	
}
#contentGeneral .headerWhite .menu ul li h1 a:hover {
	color:#333666;
}
/******************************** CONTENU ****************************/
#contentGeneral .contentBord {
	margin-left: 113px;
	margin-right: auto;
	width: 610px;
	background: url(images/used/bordures.png) top repeat-y;
}
#contentGeneral .contenu {
	/*margin-left: 105px;
	background-color:#00CCFF;
	background-color:#FFFFFF;background-color:#FF0000;
	margin-left: 15px;
	padding-right: 20px;
	*/
	width:600px;
	margin-top: -25px;
	padding-bottom: 20px;
}

/********************************* FOOTER ******************************/
#contentGeneral #footerWhite {
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/used/footer.png);
	background-position:top;
	background-repeat:no-repeat;
	height: 32px;
	margin-left: 2px;
}

/********************** Autres pages ****************/

#InfoL, #DesListe, #InfoN, #projets {
/*	background-color: #CCCCCC;padding-top: 20px;margin-right: 10px;background-color: #CCCCCC;*/
	margin-left: 20px;
	width: 560px;
	padding: 10px;
	text-align:justify;
}
#projets {width: 100%; }
#InfoL h1, #InfoL p, #InfoL p a, #InfoL p a:active, #InfoL p a:hover, #InfoL p.coord, #DesListe h1, #DesListe p, #DesListe  p.coord, #InfoN h1, #InfoN p, #projets  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:  0.9em;
	font-weight: normal;
	color:#333;
}
#InfoL p a:hover { text-decoration:underline; }
#InfoL h1, #projets h1 { font-weight: bold; }
#InfoL h1, #projets h1, #InfoL h2, #DesListe strong, #InfoN .txt, #InfoN ul, #projets ul, #projets ul li a, #projets ul li a:active, #projets ul li a:hover,#InfoN ul li a, #InfoN ul li a:active, #InfoN ul li a:hover {
	font-size:  1.0em;
	font-weight: bold;
	color:#333;
	text-align:center;
}
#DesListe p, #InfoL p, #InfoN .txt, #InfoN ul, #projets ul {
	font-size:  0.7em;
}
#InfoN .txt { margin-top: 10px; margin-left: 50px; }
#InfoL strong { font-size:  1.0em; }
#DesListe form { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:  0.9em;
	font-weight: bold;
	color:#333;
	text-align:center; 
	margin-left: auto;
	margin-right: auto;
	padding-top: 7px !important;
	padding-top: 1px;
	background: url(images/used/cadre.jpg) no-repeat;
	width: 450px;
	height: 53px;
}
#DesListe .submit {
	/*display:block;
	margin-left: 150px;
	text-align:center;*/
	margin-top: 10px;
}
#InfoN, #projets { width: 480px; padding: 20px;}
#InfoN ul, #projets ul { 
	text-align:left;
	line-height:18px;
	width: 105%;
}
#InfoN ul li, #projets ul li {
	margin-top: 3px;
	margin-left: 30px;
	list-style:url(images/used/paquerette.jpg);
	font-size:  1.0em;
	font-weight: bold;
	color:#333;
}
#projets ul li { line-height:110px; vertical-align:middle; margin-left:-10px;}
#projets ul li a img, #projets ul li a:hover img {
	text-align:center;
	vertical-align:middle;
	border:1px #999 solid;
	float: right;
	margin-top: 0;
}
#projets ul li a:hover img {
	border:1px #333333 solid;
}


/************************************CONTACT FORM ******************************/
.contact form {margin-left: -10px; width: 560px; }
.contact .colL input { margin-left: 10px; float:right; margin-top: -25px;}
.contact .colL {position:absolute; width: 260px; }
.contact .colL label { width: 100px; margin-left: 10px; line-height: 25px; }
.contact .colR {position:absolute; margin-left: 280px; margin-top: 25px; width: 260px;}
.contact .colR label { width: 100px; margin-left: 10px; margin-top: 3px; line-height: 25px;}
.contact .colR input { margin-left: -10px; float:right;  margin-top: -23px;}
.contact .require {color:#FF0000; font-weight: bold; font-size: 14px; }
.contact label, .contact input, .contact .radio, .contact .error, .contact span, .contact span.che, .contact span.valid {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#333;
}
.contact span.che, .contact span.valid { font-size:12px; text-align:left;}
.contact label.radio, .contact input.radio { width: 10px; float:none;}
.contact input.radio { margin-top: -5px; }
.contact input.envoi { margin-left: 245px; margin-top: 5px; }
.contact label.bas { float:left; margin-left: 10px;margin-top: 120px;} 
.contact textarea { margin-left: 32px; margin-top: 120px;}
.contact .error {width: 560px; color:#FF0000; text-align:center; padding-bottom: 10px;}



/************************************ADMIN ******************************/