body{
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*mise en forme du background du site*/
	#container{
		width:910px;
		height:600px;
		background:#FFF;
		position:absolute;
		top:2%;
		left:50%;
		margin-left:-455px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}	
	
	#logo{
		float:left;
		width:150px;
		height:80px;
	}
		
	#bannier{
		width:600px;
		height:80px;
		margin-left:150px;
		border-top:solid 1px #CCC;
		border-left:solid 1px #CCC;
		border-right:solid 1px #CCC;
		background:url(../images/banier_back.gif) no-repeat bottom left;
	}
		
	#menu{
		float:left;
		width:150px;
		height:420px;
		background:url(../images/menu_back.gif) no-repeat bottom;
		border-bottom:solid 1px #CCC;
		text-align:right;
	}
		
	#contenu{
		width:750px;
		height:420px;
	    margin-left:150px;
		border:solid 1px #CCC;	
		background:url(../images/contenu_back.gif) no-repeat bottom left;
	}
		
	#footer{
		width:600px;
		height:80px;
		margin-left:150px;
		border-bottom:solid 1px #CCC;
		border-left:solid 1px #CCC;
		border-right:solid 1px #CCC;		
	}
	
	
/*texte dans la bannier*/

div.haut{
	background:#E9E9E9;
	width:600px;
	height:23px;
	border-bottom:solid 1px #CCC;
}
h1.nom{
	margin:0;
	padding:5px 0 0 6px;
	font-size:12px;
	color:#ba002b;
	font-weight:normal;
	font-variant:small-caps;
}
a img{
	border:0px;
	margin:0 0 0 0;
}

div.bouton{
	margin:15px 0 0 0;
}
h2{
	float:right;
	margin:5px 5px 0 5px;
	padding:0;
	font-size:11px;
	font-weight:normal;
	text-align:right;
}
div.smenu{
	margin-top:20px;	
}
h3{
	margin:5px 0 0 10px;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:#B7B7B7;
}
a{
   text-decoration:none;
   color:#B7B7B7;
   font-weight:normal;
   margin:0;
   padding:0;
}
a:hover{
	color:#999;	
}
div.slogan{
	margin-top:25px;	
}

/*code couleur*/
.home{
	color:#ba002b;	
}
.qui{
	color:#FBAE46;	
}
.formation{
	color:#FF6600;	
}
.developpement{
	color:#CC0000;	
}
.vous{
	color:#406BA2;	
}

.aider{
	color:#009999;	
}

.contact{
	color:#99CC33;	
}



a.lien_ex{
	color:#777;
}
a:hover.lien_ex{
	color:#CCC;		
}

/*texte dans la partie contenu*/

/*pages avec 3 colonnes*/

div.col_1{
	width:225px;
	height:380px;
	padding:20px 10px 0 15px;
	position:absolute;
	top:100px;
	left:150px;
}
div.col_2{
	width:225px;
	height:380px;
	padding:20px 10px 0 15px;
	position:absolute;
	top:100px;
	left:400px;
}
div.col_3{
	width:225px;
	height:380px;
	padding:20px 10px 0 15px;
	position:absolute;
	top:100px;
	left:650px;
}
div.col_4{
	width:420px;
	height:380px;
	padding:20px 10px 0 15px;
	position:absolute;
	top:100px;
	left:420px;
}

/*pages avec 2 colonnes*/
div.col_2_1{
	float:left;
	padding:10px 10px 0 20px;	
}
div.col_2_2{
	min-width:300px;
	float:right;
	padding:10px 10px 0 15px;
}

/*pages avec 1 colonnes*/
div.col{
	max-width:720px;
	padding:20px 10px 0 15px;
	
}
div.col_bottom{
	width:720px;
	padding:20px 10px 0 15px;
	position:absolute;
	top:350px;
	left:150px;
}


h1{
	padding:0;
	margin:0 0 15px 0;
	font-size:15px;	
	font-weight:bold;
	color:#000;
}
h4{
	padding:0;
	margin:0 0 10px 0;
	font-size:11px;	
	font-weight:bold;
	color:#666;	
}

p.citation{
	color:#ba002b;
	font-size:12px;
	font-style:italic;
	margin: 5px 0 15px 0;
}

p.citation_2{
	font-size:12px;
	margin: 5px 0 15px 0;
}
p{
	padding:0;
	margin:0 0 5px 0;
	font-size:11px;	
	color:#333;
}

p.grand{
	font-size:12px;	
	color:#333;	
}

.petit{
	font-size:10px;			
}
ul{
	margin:5px 0 20px 20px;
	padding:0;
	color:#333;
}

ol{
	margin:0 0 10px 20px;
	padding:0;
	color:#333;	
}
ul li{
	font-size:11px;
	margin-bottom:10px;
	
}
ol li{
	font-size:10px;
	color:#666;
	margin:0 0 3px 0;
}
ol.k7 li{
	margin:0 0 1px 0;
}

img.equipe{
	margin:5px 5px 0 10px;
	padding:0;
}
/*texte dans le pied de page*/
div.prenom{
	float:left;	
	margin:5px 10px 0 10px;
}
div.text{
	margin:5px 0 0 10px;	
}

img.ld{
	margin:10px 10px 0 10px;	
}
div.planacces{
	float:right;	
}
h3.plan{
	margin:10px 0 0 0;	
}
ul.plan{
	margin-bottom:0;
	padding-bottom:0;
}
ul.plan li{
	margin-bottom:0;
	padding-bottom:0;
}
a.plan{
	font-weight:bold;	
}
ol.k7 li div.texte{
	display:none;	
}

ol.k7 li:hover div.texte{
	display:block;
	width:300px;
	height:300px;
	position:absolute;
	top:130px;
	left:550px;
	padding:15px;
	background:#E5E5E5;
}

p.encadrer{
	color:#757575;	
}

p.legende{
	font-size:10px;
	width:300px;
	text-align:center;
	margin: 0 0 0 150px;
	padding:15px 0 0 0;
}
p.desc{
	font-size:11px;
	color:#999;	
}
p.client{
	font-size:10px;
	color:#999;	
}

a.bouton_plus{
	height:25px;
	width:99px;
	background:url(../images/ensavoirplus_rouge.gif) no-repeat;	
	position:absolute;
	bottom:30px;
}
a:hover.bouton_plus{
	background:url(../images/ensavoirplus_orange.gif) no-repeat;	
}

table.contact{
	margin:25px 25px 0 0;	
	font-size:12px;
}
label{
	font-size:11px;
	font-weight:bold;
	color:#B7B7B7;
}


table.contact tr.infocontact{
	background:#F3F3F3;	
	height:80px;
}

table.contact tr.infocontact td{
padding: 0 0 0 10px;
}

input,textarea{
	border: solid 1px #B7B7B7;	
}

/*-------------------page service--------------------*/
div.col_bouton{
	float:left;
	width:220px;	
}
div.affichage{
	float:right;
	width:540px;
	height:250px;
	background:#FFF;
	border:solid 2px #EEE;
	margin:10px 30px 0 0;
	padding:22px 10px 0 15px;
}

div.affichage_gr{
	float:right;
	width:550px;
	height:360px;
	background:#FFF;
	border:solid 2px #EEE;
	margin:10px 20px 0 0;
	padding:15px 10px 0 15px;
}
	div.min{
		width:160px;	
	}
	div.apercu{
		float:right;
		margin: 0 15px 0 0;
		width:330px;
	}
img.min{
	margin:3px 2px 2px 3px;
		
}


/*-----bouton galerie-----*/
         
a.web{
	background:url(../images/bout_web_1.gif) no-repeat;
	width:114px;
	height:29px;
	position:absolute;
	top:220px;
	left:180px;
}
a.web:hover{
	background:url(../images/bout_web_2.gif) no-repeat;
}
a.multimedia{
	background:url(../images/bout_multimedia_1.gif) no-repeat;
	width:114px;
	height:29px;
	position:absolute;	
	top:265px;
	left:180px;
}
a.multimedia:hover{
	background:url(../images/bout_multimedia_2.gif) no-repeat;
}
a.edition{
	background:url(../images/bout_edition_1.gif) no-repeat;
	width:114px;
	height:29px;
	position:absolute;
	top:310px;
	left:180px;
}
a.edition:hover{
	background:url(../images/bout_edition_2.gif) no-repeat;
}
a.logo{
	background:url(../images/bout_logo_1.gif) no-repeat;
	width:114px;
	height:29px;
	position:absolute;
	top:355px;
	left:180px;
}
a.logo:hover{
	background:url(../images/bout_logo_2.gif) no-repeat;
}


a.illustrations{
	background:url(../images/bout_illu_1.gif) no-repeat;
	width:114px;
	height:29px;
	position:absolute;	
	top:400px;
	left:180px;
}
 a.illustrations:hover{
	background:url(../images/bout_illu_2.gif) no-repeat;
}  


a.webgr{
	background:url(../images/bout_webgr_1.gif) no-repeat;
	width:176px;
	height:53px;
	position:absolute;
	top:220px;
	left:260px;
}
a.webgr:hover{
	background:url(../images/bout_webgr_2.gif) no-repeat;
}
a.multimediagr{
	background:url(../images/bout_multimediagr_1.gif) no-repeat;
	width:176px;
	height:53px;
	position:absolute;	
	top:290px;
	left:260px;
}
a.multimediagr:hover{
	background:url(../images/bout_multimediagr_2.gif) no-repeat;
}
a.editiongr{
	background:url(../images/bout_editiongr_1.gif) no-repeat;
	width:176px;
	height:53px;
	position:absolute;
	top:360px;
	left:260px;
}
a.editiongr:hover{
	background:url(../images/bout_editiongr_2.gif) no-repeat;
}
a.logogr{
	background:url(../images/bout_logogr_1.gif) no-repeat;
	width:176px;
	height:53px;
	position:absolute;
	top:220px;
	left:450px;
}
a.logogr:hover{
	background:url(../images/bout_logogr_2.gif) no-repeat;
}


a.illustrationsgr{
	background:url(../images/bout_illugr_1.gif) no-repeat;
	width:176px;
	height:53px;
	position:absolute;	
	top:290px;
	left:450px;
}
 a.illustrationsgr:hover{
	background:url(../images/bout_illugr_2.gif) no-repeat;
}  

a.fleche_droite{
	background:url(../images/fleche.gif) no-repeat;
	width:53px;
	height:53px;
	position:absolute;	
	top:450px;
	left:840px;
}
a.fleche_droite:hover{
	background:url(../images/fleche_2.gif) no-repeat;
}

a.fleche_gauche{
	background:url(../images/fleche2.gif) no-repeat;
	width:53px;
	height:53px;
	position:absolute;	
	top:450px;
	left:800px;
}

a.fleche_gauche:hover{
	background:url(../images/fleche2_2.gif) no-repeat;
}