body { margin: 0; padding: 0; background: #CCCC9F; }

#tete, #chemin, #corps, #pied, #copyright { clear: both; }
#tete, #corps { width: 930px;  margin: 0 20px; }
#chemin { width:100%;}
#site { width: 970px; margin: 0 auto;  background: url(../images/bg_site.gif) repeat-y left top; }

/* Liens d'évitement */
ul#skip { text-align: right; margin: 0; display: none; }
ul#skip li { display: inline; list-style: none; padding: 0 0.2em;  }

/*
 * Tete
*/
#tete {}
#bandeau { float:left;background: url(../images/bg_bandeau.jpg) no-repeat top right; }
#logo { clear: left; float: left; width: 215px;}
#bandeau p#accroche {
	display: block; 
	height: 20px;
	padding: 57px 0px 4px;
	width: 712px;
	margin: 0;
	margin-left: 215px;
	font-size: 1.45em;
	font-family:"Trebuchet MS", Arial;
	color: white;
	text-align: center;
	line-height: 1.2em;
}


#conteneur { float:left; width:765px;}

#corps { float:left; background: url(../images/bg_corps_interne.gif) repeat-x left bottom; line-height:1.6em; min-height: 400px; }
#snav, #contenu, #sidebar { min-height: 200px; background:url(../images/bg_colonnes_interne.gif) repeat-x left top;}
#snav, #sidebar { width: 165px; float: left; }
/*
 * Partie de gauche (menu catalogue)
*/
#snav h1 { background-image: url(../images/bg_h1_catalogue.gif); }
/* Formulaire de recherche */
#navrecherche {
	float: left;
	width: 154px;
	padding: 10px 10px 5px;
	margin: 0px;
	background: url(../images/bg_outils_interne.gif) no-repeat left top;
}
#snav form { text-align: left; padding: 0px; margin: 0px; }
#snav input { width:11em;padding: 0 0.3em; border: 1px solid #DB4105; margin-right: 0em; vertical-align: middle; font-size: 0.95em; background: #f5F5F5 url(../images/bg_champ_recherche.gif) repeat-x left top;}
#snav input.submit { width: auto; background: none; padding: 0.3em; border: 0; }

/*
 * Partie principale (contenu)
*/
#chemin {  height: 30px; margin-top: 20px; text-align: right; background: #EAEAEA; }
#chemin p {background: #fff; width: 50%;}
#contenu { width: 530px; float: right; padding: 0px 35px 35px;}

/*
 * Partie optionnelle de coté
*/
/* Blocs */
.bloc {
	width: 164px;
	border-left: 1px solid #E4E4E4;
	min-height: 150px; margin-bottom: 10px;
}

.bloc p, .bloc ul { padding: 5px 7px; margin: 0px; line-height: 1.3em;}
#bloc a {}

.bloc h1 {
	margin-bottom: 0px !important;
	padding: 0px;
	border-left: 5px solid #E4E4E4;	
	background-position: left top;	
	background-repeat:no-repeat;
}
.bloc h1 a {
	display: block;
	text-indent: -9999px;
	width: 90%;
}
#bloc-actualites h1 { float:left; width:125px;background-image: url(../images/bg_h1_bloc_actualites_interne.gif);}
#bloc-recrutement h1 {background-image: url(../images/bg_h1_bloc_recrutement_interne.gif);}
#bloc-references h1 {background-image: url(../images/bg_h1_bloc_references_interne.gif);}
#bloc-presentation a, #bloc-recrutement a {padding-left: 15px; background:url(../images/puce_fleche_blanche.gif) no-repeat 0 3px;}
#diaporama-references {padding: 15px 0px 15px 20px; max-width: 115px;}

#bloc-actualites .newsletter { margin:5px 0; height:77px; background:url(../images/bg_newsletter.gif) no-repeat center top; line-height:1.3em;}
#bloc-actualites .newsletter form {  margin: 0 0 10px; padding: 0 5px 0 18px;}
#bloc-actualites .newsletter strong { font-weight:normal;}
#bloc-actualites .newsletter label { margin-bottom:5px;}
#bloc-actualites .newsletter h2 { padding:5px 0 0; margin:0; width:100%; height:17px; background:url(../images/bg_h2_newsletter.gif) no-repeat 15px bottom; text-indent:-999999px;}
#bloc-actualites .newsletter input { width:9em; }


/* bloc top5 */
div #top5 {float: left; width: 100%; margin:0 0 1em;}
div #top5 ul, div #top5 h1 { padding-left: 0px !important;}
div #top5 h1 {height: 26px; margin: 10px 0px 0px 0px; padding-bottom: 0px; text-indent: -9999px; background:url(../images/bg_h1_top5_nav.gif) no-repeat 0 top;}
div #top5 ul { width: auto !important; min-height: 170px; padding: 0 0 10px; margin-top:0px !important; background:url(../images/bg_ul_top5.gif) no-repeat 0 bottom; line-height:1.3em;}
#top5 ul li a { width:auto;}
#snav #top5 ul li { margin:0 2px; border-bottom-color:#fff; }

/*
 * Bas de page
*/
#page-pied {width: 930px;}

#pied { clear: both; padding: 0px 20px; height: 15em; font-size: 0.9em; color: #FFF !important; text-align: center; background: url(../images/bg_pied.gif) no-repeat left bottom; }
#pied, #pied a { color:#959289; }
#pied a:hover { color: #FFF; }
#pied ul { list-style: none; }
#pied li { display: inline; padding-left: 0.5em; }

#pied #mailing {
	float: left;
	width: 910px;
	padding: 5px 10px;
	margin-bottom:5px;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica,;
	background: url(../images/bg_mailing.gif) repeat-x top left;
}
#pied #mailing a {
	padding: 5px;	
	color: white;
}

/* Form Liste de diffusion */
#pied #mailing form { 
	float: left;
	text-align: left;
	padding: 0px;
	background:url(../images/puce_fleche_blanche.gif) no-repeat 35% 49%;
}
#pied #mailing form label {
	color: white;
	padding: 0px 15px 0px 0px;
	line-height: 0.8em;
	text-align: right;
}
#pied #mailing form input {
	vertical-align: middle;
	margin-top: -13px;
	margin-left:10px;
	border: 1px solid #33332D;
 	font-size: 1.1em;
	text-align: center;
	padding: 0 0.3em;
	background: #f5f5f5 url(../images/bg_champ_recherche.gif) repeat-x left top;
}
#pied #mailing form input.submit {
	border: 0;
	vertical-align: middle;
	background: none;
	margin-left:2px;
}

#pied address {
	font-style: normal;
	width: 100%;
	padding: 0;
	float: left;
	text-align: center;
	line-height: 1.2em;
}
#accreditations { float: left; margin-top: 15px; text-align: center;}
#accreditations img {margin: 10px 0px; max-width:165px;}
#copyright { text-align: center; padding: 1em; font-size: 90%;  background: #CCCC9F;}

#slider { width:115px; height:115px;}

#ref { padding:10px 0 0;  }
#ref p { clear:both; margin:0;}
