body{



margin: 0 0 0 0;



padding: 0 0 0 0;







color:#003366;



font-family: Verdana, Arial, Helvetica, sans-serif;



}



a:visited {



color:#006699;



}



.liste {

	text-align:left;

}





.contenant {

	text-align:left;

}

#pageaccueil {







width:1OO%; color:#FFFFFF; font-size:10px;







}



#blocmilieu {



}









#police12 {







font-size:12px;







}







#police12 h1 {







font-size:12px;







}



a {



color:#006699;



}



a:hover {



color:#CC6633;



}



#menu1 {



background-image: url(/images/menu1.gif);



width:100px;



height:30px;



float:left;



}



#menu2 {



background-image: url(/images/menu2.gif);



width:100px;



height:30px;



float:left;



}



#menu3 {



background-image: url(/images/menu3.gif);



width:100px;



height:30px;



float:left;



}



img



{



border:none;



margin:0 0 0 0;



}







h3



{



text-align:center;



font-family:Arial;



font-size:14px;



}



#page



{



	position:relative;



	margin:0 auto;



	width:900px;



	border:0;

	padding-top:15px;



	background-color:#FFFFFF;



	height:1580px;



}



#pagerefgratuit



{



	position:relative;



	margin:0 auto;



	width:900px;

	padding-top:15px;



	border:0;



	background-color:#FFFFFF;



	height:1280px;



}



#pageindex



{



	position:relative;



	margin:0 auto;



	width:900px;



	border:0;



	background-color:#FFFFFF;



	height:1700px;



}



#pageindexacc



{



	position:relative;



	margin:0 auto;



	width:900px;

	padding-top:15px;



	border:0;



	background-color:#FFFFFF;



	height:1500px;



}

#demandecontact{

	

	width:300px;

	border-bottom:1px solid;



	border-bottom-color:#003366;

}

#textpart {



	font-size:9px;

	text-align:justify;

	color: #333333;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



#textebas {



margin-left:10px;



padding-left:10px;



padding-top:10px;



margin-right:10px;



padding-right:10px;



}







#logo



{



height:180px;

background: url(images/bghaut.jpg) repeat-x top left ;

width:100%;

border-bottom: 5px solid #000000;



margin:0 0 0 0;



padding:0 0 0 0;



}

#logo2



{

text-align:left;

height:150px;



width:900px;





margin:0 0 0 0;



padding:0 0 0 0;



}

#logo3



{

clear:both;

width:171px;

height:158px;

padding-top:15px;

float:left;





}

#logo4

{

padding-top:6px;

width:500px;

height:160px;

float:right;

padding-right:85px;



}

#logo30



{

clear:both;

width:171px;

height:158px;

padding-top:27px;

float:left;





}

#logo40

{

padding-top:18px;

width:500px;

height:160px;

float:right;

padding-right:85px;



}



#footerbas



{



height:180px;

background: url(images/ftbas.jpg) repeat-x top left ;

width:100%;

border-top: 5px solid #000000;



margin:0 0 0 0;



padding:0 0 0 0;



}



#menuhaut ul



{



margin:0 0 0 0;



padding:0 0 0 0;



}







#menuhaut li



{



list-style-type:none;



display:inline;



margin:0 0 0 0;



padding:0 0 0 0;



}







#menustyle1



{



font-size: 100%;



font-family:Arial;



color:#003366;



padding-left:25px;



}







#menustyle2



{

clear:both;

font-size: 100%;



color: black;



font-family:Arial;



color:#003366;



padding-left:25px;





}







#menustyle3



{



font-size: 100%;



color: black;



font-family:Arial;



color:#003366;



padding-left:25px;



}



#menustyle26







{







font-size: 100%;







color: black;







font-family:Arial;







color:#003366;







padding-left:25px;







font-weight:bold;







padding-top:10px;







padding-bottom:10px;







}



.menustyle26



{



font-size: 100%;



color: black;



font-family:Arial;



color:#003366;



padding-left:25px;







font-weight:bold;







padding-top:10px;







padding-bottom:10px;



}



#menustyle53



{



font-size: 100%;



color: black;



font-family:Arial;



color:#003366;



padding-left:25px;



}







#menustyle4



{



font-size: 100%;



color: black;



font-family:Arial;



color:#003366;



}



#menustyle54



{



font-size: 100%;



color: black;



font-family:Arial;



color:#003366;



}



#menustyle5



{



font-size: 100%;



color: black;



font-family:Arial;



color:#FF0000;



}



#menustyleh3



{



font-size: 19px;



color: black;



font-family:Arial;



color:#FF0000;



}



#menudroit li



{



list-style-type:none;



border-left: 1px solid;



text-align:left;



white-space:nowrap;



padding-left:15px;



margin-left:10px;



color:#006699;



}



#menudroit



{



margin:0 0 0 0;



padding:0 0 0 0;



margin-top:40px;



margin-bottom:40px;



float: right;

text-align:left;



width:200px;



}







#menudroit  ul



{



font-family:Arial;



font-size:12px;



color:black;



margin:0 0 0 0;



padding:0 0 0 0;







}



#menudroit li



{



list-style-type:none;



border-left: 1px solid;



text-align:left;



white-space:nowrap;



padding-left:15px;



margin-left:10px;



}







#menudroit li a



{



text-decoration:none;



color:black;



color:#006699;



font-family:Arial;



}



#menudroit li a:hover



{



text-decoration:none;



color:#CC6633;



}















#gauche



{



float:left;



margin-top:40px;



margin-left:30px;



color: #333333;



width:28%;



text-align:justify;



font-size:12px;



font-family:Arial, Helvetica, sans-serif;



height:194px;



}



#centre







{







float:left;







margin-top:40px;







margin-left:25px;







color: #333333;







width:40%;







text-align:justify;







font-size:13px;







font-family:Arial, Helvetica, sans-serif;







}







#centreaccueil







{







float:left;







margin-top:10px;







margin-left:25px;







color: #333333;







width:40%;







text-align:justify;







font-size:13px;







font-family:Arial, Helvetica, sans-serif;





height:194px;







}



#centreaccueil2







{







float:left;









margin-left:25px;







color: #333333;







width:650px;







text-align:justify;







font-size:13px;







font-family:Arial, Helvetica, sans-serif;





height:75px;







}





#gauchebas



{



float:left;



margin-top:40px;



margin-left:30px;



color: #333333;



width:35%;



text-align:justify;



font-size:12px;



font-family:Arial, Helvetica, sans-serif;



}



#gauchebas2



{



margin-left:10px;



float:left;



margin-top:40px;



color: #333333;



width:35%;



text-align:justify;



font-size:12px;



font-family:Arial, Helvetica, sans-serif;



}



#menuref



{

position:relative;

float:left;



margin-top:40px;



width:699px;



text-align:justify;



font-size:12px;



font-family:Arial, Helvetica, sans-serif;



}

#menuref2



{

position:relative;

float:left;



margin-top:10px;

width:699px;



text-align:justify;



font-size:12px;



font-family:Arial, Helvetica, sans-serif;



}

#menuref_nat

{

position:relative;

float:left;

width:230px;

 background:url(images/vignette.jpg)  no-repeat;

 height:290px;

 

}

#menuref_ad

{

position:relative;

float:left;

width:230px;

 background:url(images/adwords.jpg)  no-repeat;

 height:290px;

 

}

#menuref_site

{

position:relative;

float:left;

width:230px;

 background:url(images/creation-site.jpg)  no-repeat;

 height:290px;

 

}

.titremenuref{

position:absolute;

margin-left:56px;

margin-top:79px;

float:right;

width:151px;

height:40px;

font-size:18px;

color:#003366;



}

.titremenuref a{

color:#003366;

text-decoration:none;

}

.titremenuref a:hover{

color:#CC6633;

}

.titremenuref2{

position:absolute;

margin-left:40px;

margin-top:195px;

float:right;

width:190px;

height:40px;

font-size:12px;

color:#003366;



}

.titremenuref4{

position:absolute;

margin-left:47px;

margin-top:195px;

float:right;

width:190px;

height:40px;

font-size:12px;

color:#003366;



}

.titremenuref5{

position:absolute;

margin-left:58px;

margin-top:195px;

float:right;

width:190px;

height:40px;

font-size:12px;

color:#003366;



}

.titremenuref3{

position:absolute;

margin-left:50px;

margin-top:79px;

float:right;

width:151px;

height:40px;

font-size:18px;

color:#003366;



}

.titremenuref3 a{

color:#003366;

text-decoration:none;

}

.titremenuref3 a:hover{

color:#CC6633;

}

#tableaubas



{



float:left;

margin-left:30px;



width:70%;



text-align:justify;



font-size:12px;

color:#333333;



font-family:Arial, Helvetica, sans-serif;



}

#tableaubas2



{

border: 1px solid #333333;



text-align:justify;



font-size:12px;

color:#333333;

font-weight:inherit;



font-family:Arial, Helvetica, sans-serif;



}

















#textebas {



width:700px;



}



.lancement {



color: #333333;



font-size:14px;



}







#indexfooter {



	position:absolute;



	width:900px;



	height:40px;



	text-align:center;



	font-size:10px;



	left: 0px;



	top: 1503px;



}



#indexacc {



	position:absolute;



	width:900px;



	height:40px;



	text-align:center;



	font-size:10px;



	left: 0px;



	top: 1503px;



	margin-top:50px;

}

#indexacc2 {

	width:900px;



	height:40px;

	color:#FFFFFF;



	text-align:center;



	font-size:10px;



	left: 0px;



	top: 1503px;



	margin-top:50px;

}



#indexacc2 a {



color:#CCCCCC;



}

#indexacc2 a:hover {



color:#CC6633;



}



#info_leg{



font-size:8px;



}



#info_leg_acc{



font-size:8px;

padding-top:20px;



}



#indexfooter2 {



	position:absolute;



	width:900px;



	height:40px;



	text-align:center;



	font-size:10px;



	left: 0px;



	top: 757px;



}



#indexfooter3 {



	position:absolute;



	width:900px;



	height:40px;



	text-align:center;



	font-size:10px;



	left: 2px;



	top: 1158px;



}



#indexfooterach {



	position:absolute;



	width:900px;



	height:40px;



	text-align:center;



	font-size:10px;



	left: 2px;



	top: 858px;



}



#indexfooter4 {



	position:absolute;



	width:900px;



	height:40px;



	text-align:center;



	font-size:10px;



	left: 167px;



	top: 1155px;



}



#indexfooter5 {



	position:absolute;



	width:900px;



	height:40px;



	text-align:center;



	font-size:10px;



	left: 167px;



	top: 1060px;



}



#indexfooter6 {



	position:absolute;



	width:900px;



	height:40px;



	text-align:center;



	font-size:10px;



	left: 0px;



	top: 953px;



}



#indexfooter7 {



	position:absolute;



	width:900px;



	height:40px;



	text-align:center;



	font-size:10px;



	left: 0px;



	top: 854px;



}







#referencement-ville {



color:#FFFFFF; font-size:9px; width:900px;



}



#referencement-ville a {



color:#FFFFFF; font-size:9px; width:900px;



}







#plan-site-ref {



float:left; width:50%;



}



#plan-site-ref ul li {



list-style:none;



}



#plan-site-ref a {



color:#0000FF;



}



#plan-site-ref a:visited {



color:#0000FF;



}



#plan-site-ref a:hover {



color: #FF0000;



}







#plan-site-crea {



float:left; width:50%; padding-bottom:41px;



}



#plan-site-crea ul li {



list-style:none;



}



#plan-site-crea a {



color:#0000FF;



}



#plan-site-crea a:visited {



color:#0000FF;



}



#plan-site-crea a:hover {



color: #FF0000;



}







#plan-site-ville-long {



float:left; 



width:50%;



text-transform:lowercase;







}



#plan-site-ville-long ul li {



list-style:none;



text-transform:lowercase;



}



#plan-site-ville-long a {



color:#0000FF;



text-transform:lowercase;



}



#plan-site-ville-long a:visited {



color:#0000FF;



text-transform:lowercase;



}



#plan-site-ville-long a:hover {



color: #FF0000;



text-transform:lowercase;



}











#plan-site-ville1 {



float:left; width:50%;



}



#plan-site-ville1 ul li {



list-style:none;



}



#plan-site-ville1 a {



color:#0000FF;



}



#plan-site-ville1 a:visited {



color:#0000FF;



}



#plan-site-ville1 a:hover {



color: #FF0000;



}







#plan-site-ville2 {



float:left; width:50%; padding-bottom:34px;



}



#plan-site-ville2 ul li {



list-style:none;



}



#plan-site-ville2 a {



color:#0000FF;



}



#plan-site-ville2 a:visited {



color:#0000FF;



}



#plan-site-ville2 a:hover {



color: #FF0000;



}







#plan-site-pays1 {



float:left; width:50%;



}



#plan-site-pays1 ul li {



list-style:none;



}



#plan-site-pays1 a {



color:#0000FF;



}



#plan-site-pays1 a:visited {



color:#0000FF;



}



#plan-site-pays1 a:hover {



color: #FF0000;



}







#plan-site-pays2 {



float:left; width:50%;



}



#plan-site-pays2 ul li {



list-style:none;



}



#plan-site-pays2 a {



color:#0000FF;



}



#plan-site-pays2 a:visited {



color:#0000FF;



}



#plan-site-pays2 a:hover {



color: #FF0000;



}



.padding {



padding-top:20px;



}



.menucrea



{

position:relative;

float:left;

width:650px;

height:238px;

text-align:justify;

font-size:12px;

color: #333333;

font-family:Arial, Helvetica, sans-serif;

}



.menucrea_vit

{

position:relative;

width:135px;

 height:238px;

 float:left;

}

.menucrea_vit2

{

position:relative;

width:500px;

 height:238px;

 float:left;

 padding-left:9px;

}

#pageindexcreasite



{



	position:relative;



	margin:0 auto;



	width:900px;

	padding-top:15px;



	border:0;



	background-color:#FFFFFF;



	height:950px;



}

#pageindexcreasite



{



	position:relative;



	margin:0 auto;



	width:900px;

	padding-top:15px;



	border:0;



	background-color:#FFFFFF;



	height:1150px;



}
.photopart {
	float:left;
	padding-right:65px;
	padding-left:125px;
}
.photopartpos {
	float:left;
	padding-right:95px;
	padding-left:155px;
}

.photopart2 {
	float:left;
	padding-right:25px;
	padding-left:85px;
}
.photopartpos2 {
	float:left;
	padding-right:135px;
	padding-left:155px;
}
.livre {
	background-image:url(images/livre.jpg);
	width:650px;
	height:477px;
}
.livregauche {
	float:left;
	padding-left:100px;
	padding-top:60px;
	padding-right:70px;
}
.livredroite {
padding-top:68px;
text-align:left;
margin-right:50px;
line-height:23px;
}
.titrereference {
	color:#00F;
	font-size:15px;
	font-family:Verdana, Geneva, sans-serif;
}
	
.box, .lastbox, .homepagebox {
	float: left;
	margin: 0px 0px 20px 0px;
}
.title, .title_featured,.title_220px, .title_460px, .title_620px, .title_300px, .title_940px, .categorylist li {
	background: url(../images/title.jpg) top left repeat-x ;
	height: 29px;
	padding: 18px 0px 0px 20px;
	border-top: #c8c8c8 solid 1px;
	border-left: #c8c8c8 solid 1px;
	border-right: #c8c8c8 solid 1px;
}
.title_940px {
	width: 675px;
}

.content940px {
	width: 658px;
	padding: 20px 20px 15px 20px;
	background-color: #FFFFFF;
	overflow: hidden;
	border: #c8c8c8 solid 1px;
	line-height: 23px;
}
.blog_post, .blog_post_first {
	overflow: hidden;
	border-bottom: #c2c2c2 solid 1px;
	padding: 15px 0px;
	float:left;
}
.blog_post_last {
	 	overflow: hidden;
	padding: 15px 0px;
	float:left;
 }
.blog_post_first {
	padding-top: 0px;
}
.post_info, .portfolio_info {
	float: left;
	width: 350px;
	margin-left: 20px;
}
.portfolio_info {
	width: 250px;

	margin-left: 20px;
	text-align:justify;
	font-size:10px;
}
.portfolio_info a {

	font-size:15px;
}
.post_info a, .portfolio_info a {
	text-decoration: none;
}
.post_info a:hover, .portfolio_info a:hover {
	color: #6c6c6c;
}


.date a {
	text-decoration: none;
	color: #b31010;
}
.date a:hover {
	text-decoration: underline;
}
img, #logo, #nav a, #feature_list li a, #fromtwitter, #fromtheblog, .portfolio_list li { 
	behavior: url(javascript/iepngfix.htc) 
}
.portfolio_list {
	overflow: hidden;
	width: 180px;
	

	font-size:10px;
	float: left;
}
.titleref {
	text-align:center;
	font-size:14px;
	color:red;
	font-weight:bold;
}
.portfolio_list li {
	list-style:none;

	background: url(images/check.png) left no-repeat; 
	padding-left: 30px;
	margin-bottom: 10px;
	text-align:left;
}
.blog_post, .blog_post_first {
	overflow: hidden;
	border-bottom: #c2c2c2 solid 1px;
	padding: 15px 0px;
	float:left;
}
.blog_post_first {
	padding-top: 0px;
}
.blogimg {
	float: left;
}
