*{
	margin:0;
	padding:0;
}

.float_right {
	float:right;
}

.float_left {
	float:left;
}

.clear_both {
	clear:both;
}

img {
	border: 0px;
}

.orange {
	color: #d56001;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../gifs/bg_body.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffe9d9;
}

p {
	font-size: 0.7em;
	color: #5c3c24;
}

a {
	color: #d56001;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a.liens {
	color: #d56001;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../gifs/puce_liens.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
	float: right;
}
a.liens:hover {
	text-decoration: underline;
}

div.fadehover {
	position: relative;
}

img.a {
	position: absolute;
	left: 0;
	top: 0;
    z-index: 10;
}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
}

#container {
	width: 916px;
	margin:0 auto;
	position:relative;
	padding-top:267px;
	background-image: url(../gifs/bg_container.gif);
	background-repeat: repeat-y;
	background-position:center;
}

#content {
	background-color:#ffffff;
	width: 900px;
	height: 100%;
	margin:0 auto;
	padding-top: 20px;
}


/********************************************************************* Header
*/
#header {
	height: 267px;
	width: 900px;
	background-image: url(../gifs/bg_header.jpg);
	background-repeat: no-repeat;
	position:absolute;
	top:0;
	left:0;
	padding-left: 8px;
	padding-right: 8px;
	
}

#logo {
	width: 221px;
	height:121px;
}

a.btn_logo {
	display: block;
	width: 205px;
	height:106px;
	background-image: url(../gifs/bg_logo.gif);
	background-repeat: no-repeat;
	font-size: 20px;
	color: #d56001;
	text-decoration: none;
	text-align: right;
	padding-right: 16px;
	padding-top: 15px;
	font-weight: normal;
}

span.claudie {
	font-size: 28px;
	color: #5a3a22;
}

#slogan {
	width: 229px;
	height: 25px;
	padding-top: 40px;
}

#slogan p {
	font-size: 14px;
	color: #d56001;
	font-style: italic;
	text-align: center;
}

#menu_top {
	width: 300px;
	height: 65px;
}

#menu_top a {
	float: left;
	display: block;
	width: 98px;
	height: 15px;
	color: #5c3c24;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	padding-top: 50px;
	font-weight: normal;
}
#menu_top a:hover {
	text-decoration: none;
}

a.btn_accueil {
	background-image: url(../gifs/btn_accueil.gif);
	background-repeat: no-repeat;
}
a.btn_accueil:hover {
	background-image: url(../gifs/btn_accueil_over.gif);
}

a.btn_contact {
	background-image: url(../gifs/btn_contact.gif);
	background-repeat: no-repeat;
}
a.btn_contact:hover {
	background-image: url(../gifs/btn_contact_over.gif);
}

a.btn_plan {
	background-image: url(../gifs/btn_plan.gif);
	background-repeat: no-repeat;
}
a.btn_plan:hover {
	background-image: url(../gifs/btn_plan_over.gif);
}

#diaporama {
	width: 573px;
	height:172px;
	background-image: url(../gifs/bg_diapo.jpg);
	background-repeat: no-repeat;
}

#top01_select {
	background-image: url(../gifs/btn_accueil_over.gif);
}
#top02_select {
	background-image: url(../gifs/btn_contact_over.gif);
}
#top03_select {
	background-image: url(../gifs/btn_plan_over.gif);
}

#phone {
	width: 155px;
}

#phone p {
	color: #5c3c24;
	font-size: 16px;
	text-align: left;
	padding-top: 12px;
}

span.tel {
	font-size: 22px;
	letter-spacing: -2px;
}


#menu {
	clear: both;
	width: 885px;
	height: 24px;
	padding-top: 5px;
	padding-left: 15px;
}

#menu ul li {
	list-style: none;
	display: inline;
	color: #FFFFFF;
	font-size: 14px;
}

#menu a {
	color: #FFFFFF;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
}

#menu a:hover {
	text-decoration: underline;
}

#menu #menu_select {
	text-decoration: underline;
}


/********************************************************************* Colonne gauche
*/
#colonne_gauche {
	background-color:#ffffff;
	width: 194px;
}

h1.titre_contact {
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(../gifs/titre_contact.gif);
	background-repeat: no-repeat;
	width: 134px;
	height: 35px;
	font-weight: normal;
	padding-left: 60px;
	text-transform: uppercase;
	padding-bottom: 0px;
}

span.lettre {
	font-size: 18px;
}

#encart_contact {
	width: 181px;
	border-left: 1px solid #d56001;
	border-right: 1px solid #d56001;
	padding-right: 5px;
	padding-left: 5px;
}
#contact_bottom {
	width: 194px;
	height: 12px;
	background-image: url(../gifs/bg_contact_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#encart_contact p {
	color: #5c3c24;
	font-size: 12px;
	padding-top: 5px;
	line-height: 16px;
}

a.lien_contact {
	font-weight: bold;
	color: #5c3c24;
	text-decoration: underline;
}
a.lien_contact:hover {
	text-decoration: none;
}

#partenaires {
	margin-top: 20px;
}

#partenaires img {
	padding: 10px;
}	

#encart_plus {
	width: 168px;
	height: 68px;
	background-image: url(../gifs/bg_plus.gif);
	background-repeat: no-repeat;
	background-position: left; 
	padding-left: 26px;
}

#encart_plus a {
	font-size: 9px;
	color: #844405;
	font-weight: normal;
	display: block;
	padding-bottom: 5px;
}


/********************************************************************* Colonne centre
*/
#colonne_centre {
	background-color:#ffffff;
	width: 650px;
	padding-left: 35px;
	padding-right: 21px;
}

h1 {
	font-size: 1.2em;
	color: #5c3c24;
	font-weight: normal;
	padding-bottom: 15px;
}

h2 {
	font-size: 1.0em;
	color: #d56001;
	padding-bottom: 10px;
}

#colonne_centre p {
	line-height: 16px;
	padding-bottom: 10px;
	text-align: justify;
}

#colonne_centre p.liste {
	line-height: 16px;
	padding-bottom: 4px;
	text-align: justify;
	background-image: url(../gifs/puce_p.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}


#encart01 {
	width: 174px;
	height: 174px;
	background-image: url(../gifs/encart01_bg.gif);
	background-repeat: no-repeat;
}
a.titre_encart01 {
	display: block;
	color: #ff8800;
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 19px;
	padding-top: 15px;
}

a.lien_encart {
	display: block;
	color: #844405;
	font-size: 11px;
	font-weight: normal;
	padding-left: 20px;
	padding-top: 95px;
}

#encart02 {
	width: 174px;
	height: 174px;
	background-image: url(../gifs/encart02_bg.gif);
	background-repeat: no-repeat;
	margin-left: 60px;
}
a.titre_encart02 {
	display: block;
	color: #5c3c24;
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 19px;
	padding-top: 15px;
}

#encart03 {
	width: 174px;
	height: 174px;
	background-image: url(../gifs/encart03_bg.gif);
	background-repeat: no-repeat;
}
a.titre_encart03 {
	display: block;
	color: #615f5f;
	font-size: 12px;
	padding-left: 10px;
	padding-bottom: 19px;
	padding-top: 15px;
}

#presentation {
	width: 650px;
	margin-top: 30px;
	background-image: url(../gifs/bg_index.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom: 60px;
}

a.lien_institut {
	color: #d56001;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../gifs/puce_liens.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
	float: right;
	margin-right: 200px;
}
a.lien_institut:hover {
	text-decoration: underline;
}


#nav_page {
	width: 650px;
	height: 100px;	
	margin-top: 20px;
}

#nav_page p {
	border-bottom: 1px solid #d9ccc3;
	padding-bottom: 6px;
	margin-bottom: 6px;
	
}

#col_g {
	width: 300px;
}

#col_d {
	width: 300px;
}

.img_d {
	float: right;
	padding-left: 10px;
}

.img_g {
	float: left;
	padding-right: 10px;
}


#colonne_centre ul {
	color: #5c3c24;
	font-size: 11px;
	padding-left: 15px;
}

/********************************************************************* Footer
*/
#footer {
	width: 900px;
	margin:0 auto;
	height:83px;
	background-image: url(../gifs/bg_footer.gif);
	background-repeat: no-repeat;
}

#footer p.txt {
	font-size: 12px;
	color: #5c3c24;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
}

#footer p {
	color: #FFFFFF;
	text-align: center;
	line-height: 17px;
}
#footer a {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
}




/********************************************************************* Formulaire contact
*/

#coordonnees {
	width: 220px;
	margin-top: 20px;
}

#coordonnees p.tel {
	font-size: 16px;
	font-weight: bold;
	color: #8e0a31;
}

#map {
	width: 420px;
	margin-top: 20px;
}

#formulaire_1 {
	float:left;
	font-size: 11px;
	width: 420px;
	margin-top: 20px;
}

#formulaire_1 label {
	font-size: 11px;
	width: 160px;
}

#formulaire_1 textarea {
	width: 230px;
	height: 100px;
	border: 1px solid #5c3c24;
}

#formulaire_1 input {
	width: 230px;
	border: 1px solid #5c3c24;
	height: 20px;
}

#formulaire_1 p.submit input {
	background-color: #d56001;
	color: #ffffff;
	height: 25px;
	margin-left: 10px;
	padding-bottom: 3px;
}

#formulaire_1 div.divGenerateurRequired {
	color: #5c3c24;
}

#formulaire_1 span.required {
	color:#FF0000;
}




/************************************** Promotions / Actus
*/

#categorie_listing {
	display: none!important;
}

#recherche_actualite {
	display: none!important;
}

#listing_calendrier {
	display: none!important;
}

#container_actualite_listing {
	width: 650px!important;
	margin-top: 20px!important;
}

#container_actualite {
	width: 650px!important;
	padding: 0px!important;
}

.actualite h2 a {
	color: #5c3c24!important;
	font-size: 16px!important;
	font-weight: bold!important;
}

.actualite h2 a:hover {
	color: #d56001!important;
}

.actualite .link {
	color: #d56001!important;
	float: right!important;
}

#actualite_detail {
	padding: 0px!important;
	width: 650px!important;
}

#actualite_detail h2 {
	color: #d56001!important;
	border-bottom:1px solid #d56001!important;
}



/************************************** LOUPE
*/
#txt_loupe {
	font-size: 10px;
	color: #314152;
	position:absolute;
	top: 270px;
	right: 80px;
}

#zone_loupe {
	position: absolute;
	top: 270px;
	right: 10px;
	font-size: 10px;
	text-align: right;
	color: #314152;
}

#loupe a {
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}

#loupe a:hover {
	text-decoration: underline;
}




/********************************************************************* CSS associé aux box d'inscription à la newsletter
*/
#newsletter_iframe {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#newsletter_iframe h1 {
	font-size: 22px;
}

#newsletter_iframe h2 {
	font-size: 18px;
}

#newsletter_iframe p {
	font-size: 11px;
}

.cache {
font-weight:normal;
}