@import "thematique.css";
@import "contact.css";
/*######################### Style commun ##########################*/
/*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0 none;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:baseline;
}*/
*{
	margin: 0;
	padding: 0;
}
html{
	margin: 0;
	padding: 0;
	width: 100%;
}
body{
	background: #FFFFFF none repeat scroll 0 0;
	margin: 0;
	padding: 0;
	font-size:14px;
	line-height: 1.7em;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
 	} 
 	body {
/*margin:1.5em 0;*/
}
h1 { font-size: 180%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 80%; }
p {
	margin: 0.2em 0 0.8em 0;
	line-height: 1.5em;
}
ul { 
	list-style: none; 
}
ul li { 
	list-style: none;
	margin: 0.2em 0 0.8em 0;
	line-height: 1em;
}
a {
	color: #A71602;
	text-decoration: none;
	/*border-bottom: 1px dotted;*/
}
a:link { }
a:visited { }
a:hover {
	color: #0066CC;
 }
a:focus { }
a[hreflang]:after { }
a img { border:none;}
img{border: none;}
.targetblank{}
code{font-size:12px;}
/*########################################## style global ################################*/
#page{
	width: 950px;
	margin:0 auto;
	padding: 0;
	position:relative;
	border:2px solid #78b1cf;
}
#content{
	background: #b2def7 none repeat scroll 0 0;
	width: 950px;
	color: black;
	margin:0 auto;
	padding:0;
	overflow:auto;
}
/*################ top #################*/
#top{
}
#top a{
	text-decoration: none;
}
#top .top{
	background:transparent url(../img/head.jpg) no-repeat scroll left top; 
	margin: 0;
	padding: 0;
	height:300px;
	width:950px;
}
/*---------------------*/
/* Positionnement de la sidebar et du block principal*/
#sidebar{
	float:left;
	width: 241px;
}
#principal{
	margin-left:250px;
	width: 690px;
}
/*########### Footer #########"*/
#footer{
	margin:0;
	padding:0;
	clear: left;
	height:56px;
	font-size: 100%;
	width:950px;
	}
	#footer .paraFooter{
	margin-left:20px;
		padding:5px;
		background-color: white;
		color:black;
		text-align:center;
		height:40px;
		width:900px;
		border:2px solid #78b1cf;
	}
	#footer .paraFooter p{
		margin-top:10px;
	}
	#footer .paraFooter a{
	color: #0066FF;
	text-decoration:underline;
	}
	/*####################################################sidebar global #################################*/
#sidebar ul{
	margin: 10px 0 0 18px;
}
	#sidebar ul li{
		margin-left:5px;
		list-style:disc;
		line-height: 0.5em;
	}
	#sidebar ul li a{
		color:black;
		font-size:12px;
	}
	#sidebar ul li a:hover {
		text-decoration:underline;
		color: #0066CC;
 }
/*############################# Sidebar Block ####################################*/
/*####### block avec l'image contenant le titre du menu ########*/
.imgblock{
	background:transparent url(../img/imgblock.jpg) no-repeat;
	margin: 0;
	width:241px;
	height:57px;
}
	.imgblock h2{
		font-weight:bolder;
		margin: 0;
		padding: 15px 0 0 0;
		font-size: 12px;
		text-align: center;
		text-decoration:underline;
	}
.imgSearchblock{
	background:transparent url(../img/toprecherches.jpg) no-repeat;
	margin: 0;
	width:241px;
	height:57px;
}
	/*###### block pour les rich m�dia ########*/
#videoblock{
	margin: 10px 0 0 1px;
	background-color: white;
	border: 2px solid #78b1cf;
	width:240px;
	height: 210px;
}
#videoblock p{text-align:center;}
#videoblock p a.richmedia{
	color: #000146;
	font-size:12px;
	text-decoration:underline;
}
#videoblock p a.richmedia:hover{
	color:blue;
}
/*###### block de menu en liste #######*/
#searchWords, #siteInternet, #conseils, #publicite, #cycle, #referencement, #navigation, #strategie, #partenaires, #autrespartenaires, #cours{
	background-color: white;
	border: 2px solid #78b1cf;
	width: 208px;
	margin: 0 0 0 15px;
}
#searchWords{
	font-size:10px;
}
/*##### block autrespartenaires #######*/
#autrespartenaires ul li{
		list-style:none;
	}
	/*####### block contenant l'image google adwords ########*/
#adwordsQualified{
	margin: 0;
	padding:0;
	width:241px;
	height:112px;
	max-width:241px;
}
/*###### block de la validation w3c #########*/
#w3cblock{
	text-align:center;
	margin: 10px 0 0 15px;
	width:241px;
	height:57px;
}
/*--------------------------------------------------------------------*/
/*############################## principal block #################################*/
/*block pour les publicités*/
#blockPub{
	margin: 10px 0 10px 0;
	background-color: white;
	border: 2px solid #78b1cf;
	padding:10px;
	height:64px;
	text-align:center;
}
/*block de contenu*/
#blockContent{
	margin: 10px 0 10px 0;
	background-color: white;
	border: 2px solid #78b1cf;
	padding:10px;
}
/*titre principal de la page*/
#blockContent h1{
	font-weight: bolder;
	text-align: center;
	color: #22415e;
	font-size: 18px;
	text-decoration: none;
}
#blockContent h2{
	font-weight: bolder;
	color: #22415e;
	font-size: 16px;
	text-decoration: none;
}
#blockContent h3{
	font-weight: bolder;
	color: #22415e;
	font-size: 16px;
	text-decoration: none;
}
/*titre thématique de la page*/
#blockContent h1.titre_theme{
	background-color:#cccccc;
	padding:5px;
}
#blockContent #adwords_q{
	float:left;
	width:80px;
	height:80px;
}
/* #######################################
slogan :
Ne restez pas à la traine !
Faites le Référencement de votre site maintenant !
Optez pour un référencement de site
############################################
*/
#blockContent .slogan{
	margin: 10px 0 10px 200px;
	color: #a52a2a;
	text-align: center;
	border:1px solid #a52a2a;
	font-weight: bolder;
	width: 40%;
	padding:5px;
}
#blockContent .slogan a{
	color:#000146;
}
/*style pour centrer un simple paragraphe*/
/*Appliquer uniquement avec une div ou un paragraphe*/
#blockContent .paraCenter{
	text-align: center;
}
/*style pour un fragment de texte en gras*/
/*Appliquer avec div, span, paragraphe*/
#blockContent .bold{
	font-weight: bold;
}
/*style pour un fragment de texte en italic*/
/*Appliquer avec div, span, paragraphe*/
#blockContent .italic{
	font-style:italic;
}

/*style pour un fragment de texte en rouge*/
/*Appliquer avec div, span, paragraphe*/
#blockContent .red{
	color: red;
}
#blockContent .bordeau{
	color:#990000;
	font-weight:900;
}
#blockContent .green{
	color:#006600;
	font-weight:900;
}
#blockContent .blue{
	color: #0066CC;
}
#blockContent .darkBlue{
	color: #0066CC;
	font-weight:bold;
}
/*style pour mettre en gras rouge une phrase particuliére*/
#blockContent .noteImportante{
	color:red;
	font-weight:bold;
}
/* Style pour mettre en évidence un mots particulier*/
#blockContent .lightingWords{color:#0099CC;}
#blockContent .txtPresent{
	background-color:#e1e1e1;
	padding:5px;
	margin:5px 0 5px 0;
	text-align:center;
}
/* Style pour formater un code html*/
#blockContent .txtCode{
	background-color:#e1e1e1;
	padding:5px;
	margin:5px 0 5px 0;
	text-align:center;
	border:1px solid #666666;
}
/*Block spécial pour la page voyages*/
#blockContent .txtSpecialVoyages{
	background-color: #78b1cf;
	padding:5px;
	margin:5px 0 5px 0;
	text-align:center;
}
#blockContent .txtSpecialVoyages a.voyager{
	font-weight:bold;
	
}
/*style pour un h4 de type titre*/
#blockContent h4.titre_deco{
	background :transparent url(../img/bullet.jpg) no-repeat 0 50%;
	padding-left:12px;
}
/*paragraphe backlink*/
#blockContent p.backlink{
	background-color: #e1e1e1;
	padding: 5px;
	text-align: center;
	font-weight: bolder;
}
#blockContent ul.decoList{
	margin-left:20px;
}
#blockContent ul.decoList li{
	list-style:circle;
}
#blockContent ul.decoList li ul{
	margin-left:20px;
}
#blockContent ul.decoList li ul li{
	list-style:disc;
}
#blockContent ul.decoListBullet{
	margin-left:20px;
}
#blockContent ul.decoListBullet li{
	list-style: url(../img/bullet.jpg);
	line-height:1.4em;
}
#blockContent .note{
	color:#006699;
}
/*################ liste numéric #####################*/
#blockContent ol.classicalnumList{
	margin-left:20px;
}
#blockContent ol.classicalnumList li{
	list-style:decimal;
	font-weight:bold;
}
#blockContent ol.numList{
	margin-left:20px;
}
#blockContent ol.numList li{
	list-style:decimal;
}
#blockContent ol.numList li ul{
	margin-top:10px;
	margin-left:20px;
	}
#blockContent ol.numList li ul li{
	list-style:disc;
	}
/*################ block de publicit� adsense dans le block de contenu ##################*/
#blockContent .sousblockPub{
	text-align:center;
}
/*##################  block pour les secteurs d'activit�s (block GRIS)#############################*/
#blockContent .sortClient{
	padding:5px;
	background-color: #e1e1e1;
}
#blockContent .sortClient h2{
	text-align: center;
	color: maroon;
	text-decoration: underline;
}
#blockContent .sortClient .tri{
	width:80%;
	margin-left:10%;
	text-align: center;
	line-height: 1.1em;
}
#blockContent .sortClient .tri a{
	color:#22415e;
}
#blockContent .sortClient .tri a:hover{
	color: #6e9fcb;
}
/*colorise en bordeau gras les span avec la class redTitle*/
#blockContent .sortClient .tri p span.redTitle{
	color: maroon;
	font-weight: bolder;
}
#blockContent .sortClient .tri .triClient
{line-height:0.8em;font-size:10px;}
#blockContent .sortClient .tri .triClient a{
	font-size:10px;
	color:#22415e;
}
#blockContent .sortClient .tri .triClient a:hover{
	color: #6e9fcb;
}
/*-------------------------------------------------------------------------------------------*/
#blockContent .sortClient .tri h3{
	color: #000146;
	font-weight: bolder;
	font-size:120%; 
}
/* ############## class spécifique aux erreurs 404, 403 #####################*/
#error{
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	font-size: 18px;
	border: 1px solid red;
	text-align:center;
}
#error .error404, #error .error403{
	font-weight:bold;
}
/*-------------------------------------------------------------------------*/