body {
	background-image:url(../img/bg_main.jpg);
	background-repeat:repeat-x;
	background-color:#014455;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
}
body, a{
	color:#89c4d3;
}
input, select{
	background-color:#017b99;
	border:2px solid #0187a8;
	margin-bottom:5px;
	color:#afecfb;
	font-size:12px;
}
li.pucefleche{
	list-style-image:url(../img/puce.gif);
	list-style-type:none;
}
input:focus, select:focus, textarea:focus{
	border:2px solid #063853;
}
select{
	width:300px;
}
* html select{
	width:308px;
}
textarea{
	background-color:#017b99;
	border:2px solid #0187a8;
	margin-bottom:5px;
	color:#afecfb;
	font-size:12px;
	width:296px;
}
* html textarea{
	background-color:#017b99;
	border:2px solid #0187a8;
	margin-bottom:5px;
	color:#afecfb;
	font-size:12px;
	width:304px;
}
#conteneur{
	width:1024px;
	margin:0 auto 0 auto;
}
#header {
	width:1024px;
	height:69px;
	background-image:url(../img/header.jpg);
}
#content_main{
	/*background:#000099;*/
	padding:0 60px 0 60px;
}
#nav_btn{
	margin:0;
	padding-left:20px;
}

#content_box{
	padding:7px;
}
/* --- FOCUS --- */
#focus{
	width:904px;
	height:287px;
}
#focus_agence{
	width:904px;
	height:287px;
	background-image:url(../img/focus/focus_agence.jpg);
}
#focus_references{
	width:904px;
	height:287px;
	background-image:url(../img/focus/focus_agence.jpg);
}
#focus_references{
	width:904px;
	height:287px;
	background-image:url(../img/focus/focus_references.jpg);
}
/* --- ACCUEIL --- */

#box_actualites {
	width:283px;
	height:264px;
	margin-right:23px;
	float:left;
}
#box_actualites img {
	margin-bottom:15px;
}
#box_offre_recrutement {
	width:283px;
	margin-right:16px;
	float:left;
}
#box_offre_recrutement img {
	margin-bottom:15px;
}
#box_offre_content{
	height:110px;
}
#box_recrutement_content{
	height:75px;
}

#box_extranet_newsletter {
	width:283px;
	height:264px;
	float:left;
}
#box_extranet_newsletter img {
	margin-bottom:15px;
}
#box_extranet_content{
	height:110px;
	position:relative;
}
#box_extranet_content p{
	width:100px;
	float:left;
}
#box_extranet_content_form{
	width:164px;
	position:absolute;
	float:left;
	left: 119px;
	text-align:right;
	top: 2px;
	
}
#box_newsletter_content_form{
	width:164px;
	position:absolute;
	float:left;
	left: 118px;
	text-align:right;
	top: 1px;
	
}
#box_newsletter_content{
	height:75px;
	position:relative;
}

	/*DIV SCROLL ACCUEIL - ACTUALITES*/
	#divscroll_texte{
		width:250px;
		height:190px;
		background-color:#000;
		text-align:justify;
		float:left;
	}
	#divscroll_btn{
		width:30px;
		height:190px;
		background-color:#FF9900;
		float:left;
	}
	/*FIN  --  DIV SCROLL ACCUEIL - ACTUALITES*/

.titre_actu{
text-decoration:none;
color:#c9c9c9;
}
p.titre {
	color:#c9c9c9;
	font-weight:bold;
	margin-top:5px;
}
p.desc {
	color:#89c4d3;
	margin-top:5px;
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:1px dotted #fff;
}
/* --- FIN ACCUEIL --- */



/* --- REFERENCES --- */
#box_nav_ref ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#btn_toutes, #btn_web, #btn_print, #btn_video, #btn_clients {
	width:299px;
	height:25px;
}

/*btn_toutes*/
#btn_toutes a:link, #btn_toutes a:visited, #btn_toutes_current {
    display: block;
    height: 25px;
    width: 299px;
    text-decoration: none;
	margin:0;
	padding:0;
	background-image:url(../img/fr/references/btn_toutes.jpg);
	background-repeat:no-repeat;
}
#btn_toutes a:hover, #btn_toutes a:active, #btn_toutes_current{
    background:#000 url(../img/fr/references/btn_toutes.jpg) 0 -25px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

/*btn_web*/
#btn_web a:link, #btn_web a:visited, #btn_web_current {
    display: block;
    height: 25px;
    width: 299px;
    text-decoration: none;
	background-image:url(../img/fr/references/btn_web.jpg);
	background-repeat:no-repeat;
}
#btn_web a:hover, #btn_web a:active, #btn_web_current {
    background:#000 url(../img/fr/references/btn_web.jpg) 0 -25px;
}

/*btn_print*/
#btn_print a:link, #btn_print a:visited, #btn_print_current{
    display: block;
    height: 25px;
    width: 299px;
    text-decoration: none;
	background-image:url(../img/fr/references/btn_print.jpg);
	background-repeat:no-repeat;
}
#btn_print a:hover, #btn_print a:active, #btn_print_current {
    background:#000 url(../img/fr/references/btn_print.jpg) 0 -25px;
}
/*btn_video*/
#btn_video a:link, #btn_video a:visited, #btn_video_current{
    display: block;
    height: 25px;
    width: 299px;
    text-decoration: none;
	background-image:url(../img/fr/references/btn_video.jpg);
	background-repeat:no-repeat;
}
#btn_video a:hover, #btn_video a:active, #btn_video_current {
    background:#000 url(../img/fr/references/btn_video.jpg) 0 -25px;
}
/*btn_clients*/
#btn_clients a:link, #btn_clients a:visited, #btn_clients_current{
    display: block;
    height: 25px;
    width: 299px;
    text-decoration: none;
	background-image:url(../img/fr/references/btn_clients.jpg);
	background-repeat:no-repeat;
}
#btn_clients a:hover, #btn_clients a:active, #btn_clients_current {
    background:#000 url(../img/fr/references/btn_clients.jpg) 0 -25px;
}
#box_ref_content{
	width:569px;
	float:left;
	margin-right:10px;
}

/*

t'es pire qu'un clando !

#box_ref_content img{
	margin-bottom:20px;
}

*/


/*BOX WEB*/
.box_web, .box_print, .box_video {
	width:559px;
	height:177px;
	background-image:url(../img/fr/references/bg_liste.gif);
	margin-bottom:5px;
	padding:9px 0 0 10px;
	position:relative;
}
.box_web p, .box_print p, .box_video p{
	border-bottom:1px solid #0196ba;
	float:left;
	width:370px;
	padding:5px 0;
	margin-left:10px;
}
.box_ref_img{
	border:4px solid #0196ba;
	float:left;
	height:159px;
	width:159px;
}
p.date{
	font-size:9px;
	color:#00baeb;
}
.white{
	color:#fff;
}
.btn_voirsite{
	position:absolute;
	top: 148px;
	left: 465px;
	border:2px solid #024659;
}
.btn_voirsite:hover{
	border:2px solid #0196ba;
}
.btn_voirprojet{
	position:absolute;
	top: 148px;
	left: 445px;
	border:2px solid #024659;
}
.btn_voirprojet:hover{
	border:2px solid #0196ba;
}
#box_ref_right {
	width:311px;
	float:left;
}
/*#box_ref_right img {
	margin-bottom:3px;
}*/
/* --- FIN REFERENCES --- */


/* --- CONTACT --- */
#box_formulaire {
	width:548px;
	margin-right:18px;
	margin-bottom:20px;
	float:left;
}
#box_formulaire img {
	margin-bottom:15px;
}
#box_formulaire {
	width:548px;
	margin-right:18px;
	float:left;
}
.box_formulaire_input {
	margin-top:0px;
}
label.text {
	display: block;
	float: left;
	width:200px;
	text-align: left;
	margin: 0 30px 0 0;
}
* html label.text {
	display: block;
	float: left;
	width:200px;
	text-align: left;
	margin: 0 15px 0 0;
}
p{
	margin:0;
	padding:0;
}
.inter{
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #0098ba;
}
.messagee {
font-size:9px;
color: #FFF;
background-color:#014353;
padding:2px 2px 4px 2px;
}
/* --- FIN CONTACT --- */



/*FOOTER*/
#footer {
	height:39px;
	width:874px;
	background-image:url(../img/footer.gif);
	padding:7px 0px 0 30px;
	margin-bottom:20px;
	color:#003a49;
}
#footer a, #footer a:link{
	color:#003a49;
	text-decoration:none;
}
#footer a:hover{
	color:#89c4d3;
	text-decoration:none;
}
#footerp{
	float:left;
	padding-top:13px;
}
#flags{
	float:left;
	padding-top:13px;
	margin-left:25px;
}
/*FIN -- FOOTER*/

/* --- AGENCE --- */
#box_nav_agence {
	margin-left:598px;
	margin-top:20px;
	float:left;
	border-bottom:1px solid #0196ba;
}
* html #box_nav_agence {
	margin-left:299px;
	margin-top:20px;
	float:left;
	border-bottom:1px solid #0196ba;
}
#box_nav_agence ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#btn_competences, #btn_presentation, #recrutement {
	width:299px;
	height:25px;
}

/*btn_presentation*/
#btn_presentation a:link, #btn_presentation a:visited, #btn_presentation_current {
    display: block;
    height: 25px;
    width: 299px;
    text-decoration: none;
	margin:0;
	padding:0;
	background-image:url(../img/fr/agence/btn_presentation.jpg);
	background-repeat:no-repeat;
}
#btn_presentation a:hover, #btn_presentation a:active, #btn_presentation_current{
    background:#000 url(../img/fr/agence/btn_presentation.jpg) 0 -25px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
/*btn_competences*/
#btn_competences a:link, #btn_competences a:visited, #btn_competences_current {
    display: block;
    height: 25px;
    width: 299px;
    text-decoration: none;
	margin:0;
	padding:0;
	background-image:url(../img/fr/agence/btn_competences.jpg);
	background-repeat:no-repeat;
}
#btn_competences a:hover, #btn_competences a:active, #btn_competences_current{
    background:#000 url(../img/fr/agence/btn_competences.jpg) 0 -25px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
/*btn_recrutement*/
#btn_recrutement a:link, #btn_recrutement a:visited, #btn_recrutement_current {
    display: block;
    height: 25px;
    width: 299px;
    text-decoration: none;
	margin:0;
	padding:0;
	background-image:url(../img/fr/agence/btn_recrutement.jpg);
	background-repeat:no-repeat;
}
#btn_recrutement a:hover, #btn_recrutement a:active, #btn_recrutement_current{
    background:#000 url(../img/fr/agence/btn_recrutement.jpg) 0 -25px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
/*btn_actualites*/
#btn_actualites a:link, #btn_actualites a:visited, #btn_actualites_current {
    display: block;
    height: 25px;
    width: 299px;
    text-decoration: none;
	margin:0;
	padding:0;
	background-image:url(../img/fr/agence/btn_actualites.jpg);
	background-repeat:no-repeat;
}
#btn_actualites a:hover, #btn_actualites a:active, #btn_actualites_current{
    background:#000 url(../img/fr/agence/btn_actualites.jpg) 0 -25px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
/*btn_services*/
#btn_services a:link, #btn_services a:visited, #btn_services_current {
    display: block;
    height: 25px;
    width: 299px;
    text-decoration: none;
	margin:0;
	padding:0;
	background-image:url(../img/fr/agence/btn_services.jpg);
	background-repeat:no-repeat;
}
#btn_services a:hover, #btn_services a:active, #btn_services_current{
    background:#000 url(../img/fr/agence/btn_services.jpg) 0 -25px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
/*btn_extranet clients*/
#btn_extranetclients a:link, #btn_extranetclients a:visited, #btn_extranetclients_current {
    display: block;
    height: 25px;
    width: 299px;
    text-decoration: none;
	margin:0;
	padding:0;
	background-image:url(../img/fr/agence/btn_extranetclients.jpg);
	background-repeat:no-repeat;
}
#btn_extranetclients a:hover, #btn_extranetclients a:active, #btn_extranetclients_current{
    background:#000 url(../img/fr/agence/btn_extranetclients.jpg) 0 -25px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
/*btn_extranet actualites*/
#btn_actualites a:link, #btn_actualites a:visited, #btn_actualites_current {
    display: block;
    height: 25px;
    width: 299px;
    text-decoration: none;
	margin:0;
	padding:0;
	background-image:url(../img/fr/agence/btn_actualites.jpg);
	background-repeat:no-repeat;
}
#btn_actualites a:hover, #btn_actualites a:active, #btn_actualites_current{
    background:#000 url(../img/fr/agence/btn_actualites.jpg) 0 -25px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
/*btn_nous contacter*/
#btn_nouscontacter a:link, #btn_nouscontacter a:visited, #btn_nouscontacter_current {
    display: block;
    height: 25px;
    width: 299px;
    text-decoration: none;
	margin:0;
	padding:0;
	background-image:url(../img/fr/agence/btn_nouscontacter.jpg);
	background-repeat:no-repeat;
}
#btn_nouscontacter a:hover, #btn_nouscontacter a:active, #btn_nouscontacter_current{
    background:#000 url(../img/fr/agence/btn_nouscontacter.jpg) 0 -25px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
/*btn_faq*/
#btn_faq a:link, #btn_faq a:visited, #btn_faq_current {
    display: block;
    height: 25px;
    width: 299px;
    text-decoration: none;
	margin:0;
	padding:0;
	background-image:url(../img/fr/agence/btn_faq.jpg);
	background-repeat:no-repeat;
}
#btn_faq a:hover, #btn_faq a:active, #btn_faq_current{
    background:#000 url(../img/fr/agence/btn_faq.jpg) 0 -25px;
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

/* ---------- ZOOM IMAGE ---------- */ 
#showimage{
	cursor: move;
	z-index: 100;
	position:absolute;
	visibility:hidden;
	top:0px;
	margin-left:100px;
	margin-top:0px;
}

#dragbar{
	position:absolute;
	top:0px;
	left:0px;
	cursor: move;
	background-color:transparent;
	min-width: 100px;
	/*NS6 style to overcome bug*/
	z-index:3;
	width:500px;
	height:500px;
}

#dragim{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

#draglegende {
position:absolute;
width:500px;
top:500px;
height:30px;
background-color:#FFFFFF;
z-index:2;
text-align:center;
font-size:9pt;
font-weight:bold;
}

#dragbar #closetext{
font-weight: bold;
height : 14px;
font-size:12px;
color:#000000;
}

.photo2-sej{
width: 140px;
height : 105px;
}

.lien {
color:#1B7FBB;
font-family:Arial;
font-size:12px;
font-weight: bold;
text-decoration:none;
}

.lien:hover {
color:#c2c2c2;
font-family:arial;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

.visiter {
color:#777777;
font-family:Arial;
font-size:12px;
font-weight: bold;
text-decoration:underline;
}

#blockImage img {margin:10px 20px 0 0; }





/* --- FIN AGENCE --- */

.clearfloat{
	clear:both;
}
#box_pagination{
height:25px;
padding:10px 0 10px 0;
margin-top:10px;
}
.pagination{
margin:2px 2px 20px 1px;
padding:3px;
border:4px solid #024659;
background-color:#024659;
text-decoration:none;
}
.pagination:hover, .pagination_hover{
margin:2px 2px 20px 1px;
padding:3px;
border:4px solid #0196ba;
background-color:#024659;
}

.lirelasuite {
color:#CCCCCC;
font-size:9px;
}