/* on met tout à zéro pour  */
/* * {margin:0;padding:0;} */

p, div, span, ul, li, h1, h2, h3, h4, dl, dt, dd, form {margin:0;padding:0;}

body {
	margin: 0;
	margin: 0; /* pour éviter les marges */
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-image: url(img/bg_page.gif);
	background-repeat: repeat;
	font-size:11px;

}

strong ,.textform {color:#00AEEF;}

td, ul,li,img,a{
	margin: 0;
	margin: 0; /* pour éviter les marges */
  font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
a img {border:none;}

/* Définition du gabarit global--------------------*/
/*ceci defini le container global centré*/
#container{
	margin-left: auto;
	margin-right: auto;
	width:870px;
	text-align: left; /* on rétablit l'alignement normal du texte */background-image: url(img/bg_page1.gif);
	background-repeat: repeat-y;
	}

#colleft {float:left;width:8px;}
#colright {
	float:right;
	width:8px;
	
}		
#page{	width:854px;margin-right:8px;margin-left:8px;	text-align: left; /* on rétablit l'alignement normal du texte */
	background-image: url(img/bg_contenu.gif);
	background-repeat: repeat;}	
/*-------------------------------------------------*/

/*Home page*/
.home { }
.home #contenu{
	
	width:854px;
	padding-top:30px;padding-bottom:70px;

}		
.home #menu{	}

#container #page #contenu #right{margin-left:230px;width:465px;}		
#container #page #contenu #left{	margin:0;float:left;width:200px;color:#888888;}		
#container #page #contenu #left strong{	color:#888888;}		
#container #page #contenu #left p {	width:185px;padding-left:12px;}		
 #left .illus {
	margin-left:8px;
	margin-bottom:5px;
	vertical-align: top;
}		

#right .illus{ 
	margin-left:0px;
	margin-bottom:5px;
	vertical-align: top;
}		

/*page interieure*/






  .formulaire {

	width:180px;
	border: 1px solid #00AEEF;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:15px;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	
}

  .formulaire2 {

	width:180px;
	border: 1px solid #00AEEF;
	
	font-family: Arial, Helvetica, sans-serif;
	line-height:15px;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	
}

.btformulaire{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099FF;
	border: 1px solid #0099FF;
}

#container #page #contenu .news_detail .day {
	background-image: url(img/news/rond_noir.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #FFFFFF;
	line-height: 94px;
	padding: 0px;margin:0;
}


#container #page #contenu .news_detail p{padding-left:5px;}
#container #page #contenu .news_detail .month {
	
	font-size: 30px;
	font-weight:bold;
	color: #000000;
	line-height: 83px;
	padding: 0px;
}
#container #page #contenu .news_detail .content {

	font-size: 11px;
	color: #000000;
	line-height: 15px;margin:0;
}
#container #page #contenu .news_detail .title {

	font-size: 14px;
	color: #000000;
	line-height: 15px;padding-bottom:15px;font-weight:bold;
}

#container #page #contenu .news_detail .link a ,#container #page #contenu .news_detail .link {		padding-top:5px;
	font-size: 11px;
	color: #000000;
	font-weight:bold;text-decoration:none;width:100px;
}
#container #page #contenu .news_detail .link a:hover {
	font-size: 11px;
	color: #000000;
	font-weight:bold;text-decoration:underline;
}


#rowmenu1 {background-color:#999999;}
.filet_menu {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e0e0e0;
}

a.page-link {margin : 6px 0 6px 0;
	width:198px;
	color: #333333;
	text-decoration: none;
	font-weight:bold;
	display: block;
	text-align: left;	
	background-image: url(img/link.gif);
	padding: 3px 0 4px 3px;
	background-repeat: no-repeat;
}

a.page-link:hover, 
a.page-link:focus {	background-image: url(img/link_f2.gif);color:#555555;
	
}		




/* accroche et onglets*/
 #accroche {
	background-image: url(img/bg_accroche.jpg);
	background-repeat: no-repeat;
}


 #accroche h1 {
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	line-height:23px;
	color: #FFFFFF;padding: 0 0 7px 29px;
}

#onglet_presentation {margin-left: 341px;padding-bottom:52px;}
#onglet_competences {margin-left: 462px;padding-bottom:52px;}
#onglet_metiers {margin-left: 583px;padding-bottom:52px;}






#right h1 {
	font-size: 13px;
	color: #333333;
	padding-bottom: 20px;
}

#right a,#right active, #right visited {
	color: #00AEEF;
	text-decoration: underline;
}

#right a:hover {
	color: #00AEEF;
	text-decoration: none;
}


/* vignette et illustrations*/

.g_photo {
	width:3px;
	background-image: url(img/canva_photo/bg_photo_gauche.gif);
	background-repeat: repeat-y;
	background-position: bottom;
}
.d_photo {
	width:3px;
	background-image: url(img/canva_photo/bg_photo_droit.gif);
	background-repeat: repeat-y;
	background-position: bottom;
}
.top_photo {
	background-image: url(img/canva_photo/bg_photo_haut.gif);
	background-repeat: repeat-x;
	height: 3px;
}
.bottom_photo {
	background-image: url(img/canva_photo/bg_photo_bas.gif);
	background-repeat: repeat-x;
	height: 2px;
}


/* pop up*/
#pop {
	background-color:#FFFFFF;
 	background-image: none;
}

#onglet_pop_H {
	background-image: url(img/pop/bg_onglet_pop.gif);
	width:481px;
	background-repeat: repeat-x;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}

#onglet_pop_V {
	background-image: url(img/pop/bg_onglet_pop.gif);
	width:481px;
	background-repeat: repeat-x;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}






/*----FOOTER---------------------*/
/*home*/
#footer{
	background-color:#bd094b;
	border-top: 1px solid #cccccc;
	line-height:20px;
	padding-left:10px;
	color:#FFFFFF;

}
#footer p {padding:0;
	background-image: url(img/agence_web.gif);
	background-repeat: no-repeat;
	background-position: right;width:200px;
}
#footer p a{color:#FFFFFF;font-size:10px;display:block; padding: 5px 0 5px 0;	display: block;width:200px;}
	#footer p a:hover{text-decoration:none;}
/**************************/