@page { size: portrait; }
@page { size: 8.5in 11in; } /* width height */
@page { margin: 2cm; }

ul, li, ol, div {display: block; font-size:14px;}

h1, h2, p, form, div, ul, li, a, img{margin: 0;padding: 0;border:0;}
h1 a{font-size: 1em;color: #228ED2;}
h1{font-size: 1em;color: #228ED2;margin-left:12px; padding-top:5px;padding-bottom:5px;}
h2{font-size: 12px;color: #636363;margin-left:12px; padding-top:5px;padding-bottom:5px;}

html{
	font-size:14px; font-family: Arial; 
}

p{
	font-size: 12px;
	line-height: 160%;
	color: #636363;
	text-align:justify;
	margin-left:12px;
}

div.realisation{
	width:50%;
	float:left;
	display:block;
	padding-bottom:0px;_padding-bottom:15px;
	margin-right:30px;
}

div.realisation img{
	float:left;margin:0px 0px 20px 10px;
}
div.realisation p{
	color:#B1B0B0; 
	text-align:justify;
}
.ligneRealisation{
	background:#D6D6D6;
	color:#D6D6D6; 
	height:1px;
	border: none;
}
div#colDroite{
	width:253px;
	float:left;
	background:#f5f5f3;

	margin-left:15px;_margin-left:8px;
}
div#colGauche{
	width:253px;
	float:left;
	
	background:#eeeeee;
	margin-left:10px;_margin-left:5px;
}
div#colGauche p, div#colDroite p{
	margin:0 10px;
	padding:0;
	color:#919191;
	text-align: left;
}
div#colGauche strong, div#colDroite strong{
	color:#717171;
}
div#boite_footer{
	float:right;display:block;
	background-color: #959595;
	border: 1px solid #c0c0c0;
	padding:15px 0px 15px 11px;
	color: #f5f5f5;
	width:275px;_width:280px;
}
div#boite_footer a, div#boite_footer a:link, div#boite_footer a:visited{
	color: #9fcae4;
   font-weight: bold;
	text-decoration: none;
}
div#boite_footer a:hover, div#boite_footer a:visited:hover{
	/*background-color: #c4c0c0;*/
	text-decoration: none;
	color:#efefd5;
}
.texteEncadreLexique{ margin: 0 0px 0 10px; padding: 2px 0 0 0; height: 4em; background: transparent;}
.texteEncadreLexique a{ font-size:12px; display: block; width: 16px;_width:18px; text-align: center; color: #0069C3; border: 1px solid #D3D3D3; margin: 0 1px 4px 0; background: none; float: left;text-decoration: none; }
.texteEncadreLexique a:hover{ background: #F3F3F3; border: 1px solid #BBBBBB; }
.texteEncadreLexique a.Actif{ background: #FFFFFF; border: 1px solid #0069C3; }


p a, p a:link, p a:visited, ul li a, ul li a:link, ul li a:visited{
	/*color: #636363;*/
	color: #0070B6;
	text-decoration: none;
}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover{
	color: #ffffff;
	text-decoration: none;
	background-color: #61ace6;
}
li a.lienBas, li a.lienBas:link, li a.lienBas:visited{
	/*color: #636363;*/
	color: #ffffff;
	text-decoration: none;
	vertical-align: top;
}
li a.lienBas:hover, li a.lienBas:visited:hover{
	color: #ffffff;
	background-color: #c4c0c0;
	text-decoration: none;
}

a.imprimer,a.imprimer:link {
	margin-left:5px;
	vertical-align:top;
	height: 11px;
	/*background: none;*/

	
}

ul li, ol li{
	font-size: 12px;
	margin-left:20px;
	line-height: 160%;
	color: #636363;
	text-align:justify;
	/*list-style: square;*/
}
ul.listeTableau, ul.listeService, ol.listeService{
	margin:0 10px; 
}
ul.listeTableau li, ul.listeService li, ol.listeService li{
	font-size: 12px;
	line-height: 160%;
	color: #636363;
	text-align:justify;
	list-style-type: none; 
	padding-left: 15px;
	margin-left:0px;
	background: url(Gx/bullet.gif) no-repeat 0px 3px;
}
ul.listeService li{
	color: #636363;text-align: left;
}
ul.noneBullet li{
	margin-left:0;
	list-style: none;
	list-style-type: none;
	background: url(Gx/fleche_liste.gif) no-repeat 0px 5px;
	padding-left:20px;_padding-left:15px;
	margin-left:30px;_margin-left:15px;

}

div.listeBas ul{
	float:left;display:block;width:180px;
}
div.listeBas ul li{
	background: url(Gx/fleche.gif) no-repeat 0px 5px;
	margin-left:0px;
	padding-left:15px;
	padding-right:30px;
	list-style: none;
	height:30px;_height:30px;
}
p a.redirHaut, p a.redirHaut:hover, p a.redirHaut:link{
	float:right;
	display:block;
	padding: 0 0 0 16px;
	background:#FFFFFF url(gx/hautpage.gif) no-repeat left center;
}

table.Indexation {
	color:#636363; 
	text-align:justify;
	font-family: Arial, Verdana;
	border-spacing: 0;
	border: 2px solid #666666;
	width:515px;
	margin:0;
	padding:0;

}
table.Indexation tr{
	
}
table.Indexation tr td{
	font-size: 12px;
	line-height: 160%;
	padding: 5px;
	border: 1px solid #666666;
	width:265px;
	
	vertical-align: top;
}

.texteEncadre{ 
	text-align: left; border: 1px solid #C7C7C7; 
	padding: 10px; 
	margin: 0 282px 16px 24px; 
	color: #555; 
	line-height: 150%; 
}

#image{
	padding:5px;  border:1px solid #BBBBBB;
}

/************* PIED DE PAGE *************/
#basPage{
	background: #F7F6F6;
	border-top:1px solid #C0C0C0;
	margin:30px auto 0 auto;
}
#piedPage{
	width: 100%;
	color: #555;
	height: 37px;
	font-size: 10px;
	padding: 0;
	margin:0px auto 0 auto;
}
#langue{
	color: #555;
	font-size: 12px;
	padding-top: 7px;
	width:190px;
	height: 106px;
	text-align: left;
	padding-right:0px;
	float:right;
	background:url(gx/m/bg_refPrint.gif) no-repeat  left 5px;
}
#piedPage a, #langue a{ color: #929292; text-decoration:none ;}
#piedPage a:hover, #langue a:hover{ color: #000; }
#piedPage #logoDivers{float:left;padding:10px 0 0 0;}
#piedPage #copyrights{float: right; margin: 0; text-align: left;padding:10px 0 0 0;}
#piedPage #copyrights a{font-weight: bold; font-size: 11px; }
#piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #555;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #555;}


/************ ELEMENTS A CACHER *************/
#logo, #menuUtilitaire, #menu, #sousMenu, #piedPageExt, #colDroite {
	visibility: hidden;
	display:none;
}


/************ PAGE ACCUEIL *************/

#banniereAcc, .ligne, .padPhoto {visibility: hidden; display:none;}

#listeService{
	width:203px;
	font-size: 12px;
	line-height:160%;
	color: #000;
}
#listeService ul{
	list-style-type: none;
	list-style: none;
}
#listeService ul li{
	border-bottom: 1px solid #E8E8E8;
	padding:4px 0 5px 10px;
	display: block;
}
#listeService ul li a, #listeService ul li a:link, #listeService ul li a:visited{
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	
}
#listeService ul li a:hover, #listeService ul li a:visited:hover{
	color: #000;
}

p{
	text-align: justify;
}

/************ PAGE REALISATION *************/
#realisation li a img { float:left;margin:0px 0px 20px 10px;}
.twitter-share-button, .boutonBuzz, .boutonFacebook, .lienPartagerPage, .boutonDetail {visibility: hidden; display:none;}


/************ PAGE BLOGUE *************/
.frameBlog h2 a {color:#666666;}
.lienCommentaire {color:#666666; text-decoration:none;}

.frameBlog #ajoutercommentaire {display:none;}
.frameBlog h2.h2 {font-size:26px;}

/************ PAGE NOUVELLE *************/
h3 a {color:#FFF;}