body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4b5a89;
	background:url(../images/bkg.gif) repeat-x #812700;
	margin:0;
	padding:0;
}
#container {
	position:relative;
	width:905px;
	margin:30px auto; 
	padding:0;
	background:#fff;
}
#header {
	height:140px;
	background:url(../images/banniere.jpg) no-repeat;
	padding-left:75px;
}
#header img{border:0;}
#menu{
	border-top:1px solid #fff;
	border-bottom:1px solid #e7a220;
	height:22px;
	padding-left:195px;
	font-weight:bold;
	background:url(../images/bkg_menu.gif) #fcab04 no-repeat;
}
#menu ul{
	height:22px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#menu ul li{
	height:22px;
	float:left;
	text-align:center;
}
#menu ul li a{
	height:22px;
	display:block;
	padding-top:2px;
	text-decoration:none;
}
#menu ul li a:hover{
	height:22px;
	background:url(../images/fleche_menu_blanche.gif) no-repeat center 16px;
	color:#fff;
	text-decoration:none;
}

#menu_apropos {width:218px;}
#menu_savoirfaire {width:119px;}
#menu_references {width:172px;}
#menu_contact {width:88px;}
#menu_actualites {width:100px;}

#pied {
	margin-top:0;
	clear:both;
	height:30px;
	border-top:1px solid #7c8dac;
}
#navpied {
	text-align:center;
	width:94%;
}	
#navpied ul {margin-top:8px;}
#navpied li {display:inline;}
#navpied a, #navpied a:visited {text-decoration:none;}


a, a:visited {
	color:#475d7f;
	text-decoration:underline;
}
a:hover, a:visited:hover {
	color:#ffa000;
	text-decoration:none;
}
.erreur {color:#ff0000;font-weight:bold;}
.succes {color:#009933;font-weight:bold;}
br.clear {clear:both;float:none;}
.img_droite{float:right;margin:0 0 10px 10px;}
.img_gauche{float:left;margin:0 10px 10px 0;}


/************* ACCUEIL *************/

#animation {height:195px;}
#accueil_bandeau{height:38px;background:url(../images/a-sud-compagnie-agence.gif) no-repeat;}
#accueil_bandeau h1 {text-indent:-5000px;margin:0;padding:0}

#accueil_gauche {width:375px;margin:20px 0 0 30px;float:left;}
#accueil_droite {width:465px;margin:20px 0 0 30px;float:left;}
#accueil_gauche p {text-align:justify;color:#4b5a89;font-size:11px;margin:0 0 10px 0;}
#accueil_actualites{float:left;width:28px;margin:0;padding:0;}

.accueil_box {float:left;width:212px;}
.accueil_box .box-haut{height:21px;width:212px;background:url(../images/a-box-haut.gif) no-repeat;padding:8px 0 0 8px;}
.accueil_box .box-haut h2{margin:0;padding:0;font-weight:bold;font-size:11px;}
.accueil_box .box-milieu{width:212px;background:url(../images/a-box-milieu.gif) repeat-y;padding:8px;}
.accueil_box .box-bas{height:8px;width:212px;background:url(../images/a-box-bas.gif) no-repeat;}
.accueil_box .date{color:#fc9604;font-weight:bold;}
.accueil_box .titre{font-weight:bold;font-size:12px;width:198px;display:block;}
.accueil_box p{font-size:10px;color:#4b5a89;margin-right:20px;text-align:left;}
.accueil_box a, .accueil_box a:visited{display:block;height:15px;width:85px;background:#949fb9;color:#fff;padding-left:3px;margin-left:111px;text-decoration:none;}
.accueil_box a:hover, .accueil_box a:visited:hover{color:#4b5a89;text-decoration:none;}
.accueil_box .separation{height:1px;border-bottom:1px dotted #566a8e;width:200px;margin-bottom:5px;}

/************* INTERIEUR *************/

#int_menu{
	float:left;
	width:190px;
	min-height:400px;
	background:url(../images/boussole.gif) no-repeat left bottom;
}
#int_contenu{
	float:left;
	width:660px;
	padding-left:20px;
	min-height:400px;
	border-left:2px dotted #194372;
}
h1 {
	font-weight:bold;
	font-size:16px;
	color:#fc9604;
	margin:25px 0 5px 0;
	padding:0;
}
h2 {
	font-weight:bold;
	font-size:14px;
	color:#fc9604;
	margin:25px 0 5px 0;
	padding:0;
}
p{
	text-align:justify;
	color:#fc9604;
	font-size:12px;
	margin:0 0 10px 0;
	padding:0;
}
td{
	color:#fc9604;
}
#int_menu{height:25px;}
#int_menu ul{
	height:25px;
	list-style-type:none;
	margin:10px 0 0 10px;
	padding:0;
	width:170px;
}
#int_menu li{height:25px;}
#int_menu ul li a{
	height:25px;
	display:block;
	padding:5px 0 0 5px;
}
#int_menu ul li .actif{
	background:#fcab04;
	color:#fff;
	text-decoration:none;
	background:url(../images/int_menu_actif.gif) no-repeat;
}

/************* A PROPOS *************/

#apropos_banniere{
	height:111px;
	width:905px;
	background:url(../images/banniere-a-propos.jpg) no-repeat;
}

/************* MENTIONS LEGALES *************/
#mentionslegales_banniere{
	height:111px;
	width:905px;
	background:url(../images/banniere-mentions-legales.jpg) no-repeat;
}

/************* PLAN DU SITE *************/
#plandusite_banniere{
	height:111px;
	width:905px;
	background:url(../images/banniere-plan-du-site.jpg) no-repeat;
}

/************* SAVOIR FAIRE *************/
#savoirfaire_banniere{
	height:111px;
	width:905px;
	background:url(../images/banniere-savoir-faire.jpg) no-repeat;
}

/************* CONTACT *************/

#contact_banniere{
	height:111px;
	width:905px;
	background:url(../images/banniere-contact.jpg) no-repeat;
}
#contact_banniere h1 {text-indent:-5000px;margin:0;padding:0}

#contact_gauche {width:500px;margin:20px 0 20px 20px;float:left;}
#contact_droite {width:350px;margin:20px 0 20px 20px;float:left;}

#contact_projet_titre{height:29px;width:480px;background:url(../images/contact-projet.gif) no-repeat top left;}
#contact_projet_contenu{width:446px;background-color:#bbddfa;border-top:1px solid #2c3350;padding:17px;}
#contact_projet_contenu p {padding:0;margin:0;font-size:11px;color:#4b5a89;}
#contact_projet_adresse{margin-top:17px;padding:15px;width:414px;background-color:#fff;border:1px solid #2c3350;font-size:10px;}

#contact_emploi_titre{height:29px;width:340px;background:url(../images/contact-emploi.gif) no-repeat top left;text-indent:-5000px;}
#contact_emploi_contenu{width:340px;border-top:1px solid #2c3350;margin:0 0 30px 0;}

#contact_stage_titre{height:29px;width:340px;background:url(../images/contact-stage.gif) no-repeat top left;text-indent:-5000px;}
#contact_stage_contenu{width:340px;border-top:1px solid #2c3350;margin:0 0 30px 0;}

#contact_lien_titre{height:29px;width:340px;background:url(../images/contact-liens-utiles.gif) no-repeat top left;text-indent:-5000px;}
#contact_lien_contenu{width:340px;border-top:1px solid #2c3350;margin:0 0 30px 0;}

#contact_droite p {color:#2c3350;font-size:10px;text-align:left;margin:8px 0 0 5px;}


/************* REFERENCES *************/

#references_banniere{
	height:146px;
	width:905px;
	background:url(../images/banniere-references.jpg) no-repeat;
}
.td_noir{color:#000;}
#tab_td_bas{vertical-align:bottom;}
select {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;height:16px;padding:0px;width:200px;}

#references_contenu {width:640px;margin:20px 0 0 30px;float:left;}
#references_recherche {width:180px;margin:0 0 0 30px;float:right;background:#dbe1ff;min-height:400px;}
#references_recherche p {color:#000;font-size:10px;padding:5px;text-align:left;}
#references_recherche select {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;height:16px;padding:0px;width:160px;}


#references_contenu_gauche {width:305px;margin:20px 0 10px 10px;float:left;}
#references_contenu_droite {width:305px;margin:45px 0 20px 20px;float:left;}

.reference {
	background:url(../images/fond-references.gif) no-repeat;
	width:305px;
	height:15px;
	padding:5px;
}
.reference a {margin:10px 0 0 20px;font-weight:bold;text-decoration:none;}


/*refences detail*/
#references_detail {width:690px;margin:5px 0 0 0;float:left;}
#references_detail_gauche {width:375px;margin:20px 0 10px 0;float:left;}
#references_detail_droite {width:300px;margin:20px 0 20px 0;float:left;}

#references_detail_titre {
	background:url(../images/fond2-references.gif) no-repeat;
	width:320px;
	height:17px;
	padding:5px 5px 5px 50px;
	border-bottom:2px dotted #194372;
	font-weight:bold;
	font-size:14px;
}
#references_detail_contenu {margin:20px;}
#references_detail_contenu img {float:left;margin:0 10px 10px 0;}
#references_detail_lanceur {text-align:justify;font-weight:bold;color:#4b5a89;}
#references_detail_texte {text-align:justify;color:#4b5a89;}



/*diapo*/
a.gallery, a.gallery:visited {display:block;text-decoration:none;border:1px solid #000;width:75px;height:50px;margin-right:5px;float:left;}

a.gallery span {position:absolute; left:376px; top:336px; width:1px; height:1px; overflow:hidden;z-index:100;}
a.gallery:hover {border:1px solid #fff;}
a.gallery:hover img {border:0;z-index:100;}
a.gallery:active img, a.gallery:focus img {border:0;z-index:50;}

a.gallery:hover span {display:block;width:300px;height:230px;z-index:100;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {width:300px;height:230px;z-index:50;}

#pad {height:230px; width:300px;border:1px solid #515680;}
#thumbs {margin-top:5px;}
#thumbs a {margin-bottom:5px;}

/************* ACTUALITES *************/
.actualites_date{
	color:#4b5a89;
	font-weight:normal;
}
#navigation a {text-decoration:none;}

#actualites_banniere{
	height:111px;
	width:905px;
	background:url(../images/banniere-actualites.jpg) no-repeat;
}