/* Général */

body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #000;
	background: #FFF url(images/degradefond.jpg) top left repeat-x;
	background-attachment:fixed;
	padding:0;
	margin:0;
}


p{
	margin:0;
	padding:0;
}

#post a img {
	border:5px solid #FFF ;
}
#post a:hover img {
	border:5px solid #990000 ;
}

.post .entry-content a  img{
	border:5px solid #FFF ;
}
.post .entry-content a:hover  img{
	border:5px solid #990000 ;
}


h1 {
	margin:0px;
	text-align:left;
	font-size:32px;
	color: #000000;
	font-weight:100;
}

h1 a, h1 a:visited{
	color: #000000;
	text-decoration: none;
}

h1 a:hover{
	color: #ffffff;
	text-decoration: none;
}

h2 {
	color: #000000;
	margin: 0px;
	font-size:16px;
	font-weight:bold;
	padding: 2px 5px;
	background:white;
}

h2 a, h2 a:visited {
	color: #000000;
	text-decoration: underline;
	text-align:left;
	
}

h2 a:hover {
	color: #FFF;
	text-decoration: none;
}



#top-menu-right{
  background:url(images/nav-right.png) top right no-repeat;
	clear:both;
	position:relative;
	top:135px;
	left:25px;
  height:35px;
  width:660px;
}

#top-menu{

}

#top-menu ul{
  float:left;
  color:#FFF;
  text-transform:uppercase;
  background:url(images/nav-left.png) top left no-repeat;
  height:35px;
  padding-left:10px;
  width:642px;
  margin:0 auto;
}

#top-menu li {
	float: left ;
	color: #fff ;
	list-style-type:none;
	}
	

#top-menu li a:link,#top-menu li a:visited{
	margin: 0 6px ; /* Espace entre chaque bouton*/
	padding: 4px 10px ;
	display: block ;
	background: url(images/b_off.png) left top no-repeat ;
	color: #fff ;
	font: 12px "Trebuchet MS",Arial,sans-serif ;
	line-height: 26px ;
	text-align: center ;
	text-decoration: none ;
	font-weight:bold;
	text-transform:uppercase;
	
	}
	

#top-menu li a:hover {
	background: url(images/b_on.png) left top no-repeat ;
	text-decoration: none ;	
	}
	
#top-menu li#menuselected a { /* SI LA PAGE EST PAGE ACTIVE (DANS CE CAS PAS DE LIEN) */
	background: url(images/b_on.png) left top no-repeat ;
	text-decoration: none ;	
}



/* ACCUEIL RUBRIQUES */


.archive-meta p{
	padding:2px 5px;
	text-align:justify;
	width:644px;
	color:#000;
	background:#FFF;
	font-size:14px;
	line-height:20px;
}



h3.entry-title{
	/*padding-top:25px;*/
}

h3.entry-title a, h3.entry-title a:visited{
	text-decoration: none;
	color:#000;
	padding:2px 6px 2px 0;
	font-weight:600;
	//font-weight:400;
	width:643px;
	border-bottom:1px solid black;
	display:block;
	font-size:100%;
	/*text-transform:uppercase;*/
}
h3.entry-title a:hover{
	color:white;
}

#realisations{
	margin-top:20px;
	font-weight:bold;
	font-size:13px;
	color:black;
	background:white;
	padding:1px; 
	text-align:center;
	
}
.separ{
	clear:both;
	margin-0;
	padding:0;
	height:15px;
}

.post{
	clear:both;
	margin:0;
}


a {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
}

a:hover {
	color: #FFF;
	text-decoration: underline;
}



/* Liens spéciaux */

#logo{
	float:left;
	margin-left:25px;
	margin-top:25px;
	width:200px;
	height:80px;
	display:block;
	/*border:1px solid white;*/
}
#desc{
	position: absolute;
	margin-left:-2000px;
}

a#contact{
	float:right;
	width:80px;
	height:25px;
	margin-top:55px;
	margin-right:100px;
	display:block;
}


#mentionslegales{
	float:left;
	width:120px;
	height:40px;
	margin-top:85px;
	margin-left:720px;
	display:block;
/*	border:1px solid white;*/
}

#present{
	font-size:85%;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	background:#FFF;
	padding:5px;
	 -moz-border-radius: 5px;
 	 -webkit-border-radius: 5px;
 	 border-radius: 5px; 
	 margin-bottom:8px;
}
#present a{
	font-size:12px;
	text-decoration:underline;
	line-height:1.4em;
	font-weight:bold;
}
#present a:hover{
	color:#c31118;
}



a#offre{
	text-align:center;
	font-size:95%;
	line-height:1.4em;
	color:#000;
	font-weight:bold;
	background:#FFF;
	padding:5px;
	 -moz-border-radius: 5px;
 	 -webkit-border-radius: 5px;
 	 border-radius: 5px; 
	 width:205px;
	display:block;
}




/* Blocs principaux */

#global{
	position:relative;
	top:-20px;
	left:0;
	width:971px;
	margin:0 auto;
	padding:0;
	
}

#header{
	width:971px;
	height:110px;
	background: url(images/fond_header2.png) top center no-repeat;
	margin:0;
	padding:0;
}


#ariane{
	position:relative;
	top:123px;
	left:25px;
	font-size:12px;
	font-weight:bold;
	width:655px;
	color:#000;
}
#ariane a{
	color:#FFF;
}
#ariane a:hover{
	color:#000;
}


#container{
	width:971px;
	overflow: hidden;
	margin:0;
	padding:0;
	background: url(images/fond_contenu2.png) repeat-y;
}



#content {
	float:left;
	margin:0 0 0 30px;
	padding:40px 20px 0 0px;
	width:655px;
	font-size:90%;
	line-height:1.6em;
}

#logos{
	margin:0 0 0 7px;
}

.motscles{
	width:655px;
	margin:8px auto 0 auto;
	text-align:center;
}
.tags, .tags a{
	font-size:10px;
	line-height:12px;
	text-decoration:none;
}

/* ZONE OFFRE */

#fond_titre_offre{
	background:url(images/fond_titre_offre.png) no-repeat;
	width:529px;
	height:35px;
	line-height:27px;
	font-size:120%;
	text-align:center;
	margin-left:15px;
	font-weight:bold;
}


#forfait_comprend{
	width:586px;
	margin-left:35px;
	margin-bottom:15px;
	margin-top:15px;
	font-size:0.95em;
	font-weight:bold;
	text-decoration:underline;
}
#tarif{
	font-size:130%;
	font-weight:bold;
}

#bloc-titre{
	width:644px;
	padding-left:10px;
	background:#FFF;
}
#bloc-titre h2{
	border-left:10px solid #990000;
	padding-left:10px;
	height:14px;
	line-height:14px;
	
}
#intro{
	margin-top:10px;
	margin-left:20px;
}


ul#liste_presta_offre{
	margin-left:30px;
	margin-top:20px;
}
ul#liste_presta_offre li{
	background:url(images/coche.gif) no-repeat;
	padding-left:23px;
	list-style-type:none;
	margin-bottom:7px;
	font-weight:bold;
}

#zone_offre{
	width:654px;
	margin:0;
 	padding:0;
}

	
ul#onglets{
  margin:0;
  height:26px;
  padding:0;
}

#onglets li {
	float: left ;
	margin-right: 2px ; /* Espace entre chaque bouton*/
	color: #fff ;
	list-style-type:none;
	padding:0;
	}
#onglets li a{
	display: block ;
	background: url(images/bouton_noir.png) no-repeat ;
	color: #fff ;
	line-height:26px;
	text-align: center ;
	text-decoration: none ;
	font-weight:bold;
	font-size:13px;
	width: 160px ;
	height:26px;
}	

#onglets li a:hover{
	font: 12px "Trebuchet MS",Arial,sans-serif ;
	line-height:26px;
	background: url(images/bouton_blanc.png) top center no-repeat ;
	text-decoration: none ;
	color:#000;
	font-weight:bold;
	font-size:13px;
	width: 160px ;
	height:26px;
}	

#onglets li#menuselected a { /* SI LA PAGE EST PAGE ACTIVE (DANS CE CAS PAS DE LIEN) */
	font: 12px "Trebuchet MS",Arial,sans-serif ;
	line-height:26px;
	background: url(images/bouton_blanc.png) top center no-repeat ;
	text-decoration: none ;
	color:#000;
	font-weight:bold;
	font-size:13px;
	width: 160px ;
	height:26px;
}
#onglets li#blancOffre a { 
	font: 12px "Trebuchet MS",Arial,sans-serif ;
	line-height:26px;
	padding: 0;
	background: url(images/bouton_blanc_offre.png) top center no-repeat ;
	text-decoration: none ;
	color:#000;
	font-weight:bold;
	font-size:13px;
	width: 119px ;
	height:26px;
}
#onglets li#noirOffre a { 
	font: 12px "Trebuchet MS",Arial,sans-serif ;
	line-height:26px;
	background: url(images/bouton_noir_offre.png) top center no-repeat ;
	text-decoration: none ;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
	width: 119px ;
	height:26px;
}
#onglets li#noirOffre a:hover { 
	font: 12px "Trebuchet MS",Arial,sans-serif ;
	line-height:26px;
	padding: 0;
	background: url(images/bouton_blanc_offre.png) top center no-repeat ;
	text-decoration: none ;
	color:#000;
	font-weight:bold;
	font-size:13px;
	width: 119px ;
	height:26px;
}

#top{
	clear:both;
	background:url(images/top.png) no-repeat;
	width:654px;
	height:18px;
	 padding:0;
	 text-align:center;
	 color:#FFF;
	 margin:0;
}
#bottom{
	background:url(images/bottom.png) no-repeat;
	width:654px;
	height:18px;
	margin:0px;
	padding:0;
	text-align:center;
	color:#FFF;
}

#offre_top{
	clear:both;
	background:url(images/offre_top.png) no-repeat;
	width:654px;
	height:15px;
	 padding:0;
	 text-align:center;
	 color:#FFF;
}


#offre_content{
	width:638px;
	background:#FFF;
	margin:0;
	padding:8px;
}

.intro_tarif{
	width:586px;
	margin-left:35px;
	margin-bottom:15px;
	font-size:1em;
}


.offre_detail{
	width:586px;
	margin-left:35px;
	margin-top:30px;
	font-size:1em;
}
.offre_detail a, .intro_tarif a{
	font-weight:bold;
	font-size:13px;
}
.offre_detail a:hover, .intro_tarif a:hover{
	color:#990000;
}
.offre_detail h3{
	border-left:10px solid #ffbb00;
	padding-left:10px;
	margin:20px 0;
}

#interesse{
	margin-top:10px;
	margin-bottom:5px;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	color:#990000;
}
a.BoutonCliquez{
	display:block;
	width:138px;
	height:39px;
	margin:0 auto;
	background:url(images/bouton2.png) top left no-repeat;
	text-align:center;
	font-size:16px;
	line-height:32px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
a.BoutonCliquez:hover{
	color:#FFFFFF;
	text-decoration:underline;
}


#offre_bottom{
	background:url(images/offre_bottom.png) no-repeat;
	width:654px;
	height:18px;
	margin:0;
	 padding:0;
	 	 text-align:center;
	 color:#FFF;
}


.precision{
	color:#999999;
	font-weight:100;
}

.clear {
clear: both;
}

table{
	border-collapse:collapse;
	width:580px;
}
table,th, td{
	border: 1px solid black;
}

td{
	padding:5px;
	vertical-align:top;
	font-weight:bold;
	font-size:0.95em;
}



/* page WORDPRESS  */
ul#wordpress{
	margin-left:130px;
	width:400px;
}
ul#wordpress li{
	margin-bottom:15px;
}
.wordpress_image{
	float:left;
	border:none;
	margin-right:10px;
}
#wordpress_raisons_titre{
	margin-top:20px;
	font-weight:bold;
	padding:2px 10px;
	background:#FFF;
	font-size:14px;
}
ul#sites_wordpress{
	width:550px;
}
#sites_wordpress li{
	margin-bottom:80px;
	list-style-type:none;
}


/*sidebar */

.sidebar {
	float: left;
	margin:0;
	padding: 0 10px 5px 18px;
	width:223px;
}



#footer {
	clear:both;
	width:971px;
	height:150px;
	background: url(images/fond_footer3.png) no-repeat;
	margin:0;
	padding:0;
}


#copyright{
	width:972px;
	margin:0 auto;
	text-align:center;
	font-size:11px;
	color:white;
	
}



/*sidebar */

.sidebar h3{
	width:223px;
	height:20px;
	font-size: 12px;
	color: #FFFFFF;
	margin: 20px 0px 10px -5px;
	line-height:20px;
	text-transform:uppercase;
	background:url(images/fond_titre_widget.png) no-repeat;
	font-weight:800;
	padding-left:10px;
}


/*sidebar text styles */

.sidebar a, .sidebar a:visited{
	color: #000;
	text-decoration: underline;
	font-size:80%;
	
}

.sidebar a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

/*sidebar list level1 */

.sidebar ul {
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type:none;
}

.sidebar li{
	list-style-type:none;
}

.sidebar ul li {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type:none;
}

/*sidebar list level2 */

.sidebar ul li ul {
	padding: 0;
	margin: 0;
	
}

.sidebar ul li ul li{
	color:#fff;
	list-style-type:disc;
	margin-left:20px;
	margin-bottom:10px;
	line-height:16px;
	font-weight:bold;
	
}

#creahasard li{
	list-style-type:none;
	text-align:center;
	width:160px;
	line-height:12px;
}
#creahasard li a{
	text-decoration:none;
	font-size:11px;
	text-transform:uppercase;
	margin-top:5px;
	
}

.random-posts-thumb{
	border:5px solid #FFF;
}

.advanced-random-posts li a:hover img{
	border:5px solid #990000;
}





/* ACCUEIL */


div.intro_hp{
	margin:0 0 15px 0;
	padding:7px;
	text-align:justify;
	font-weight:bold;
	color:#000;
	width:646px;
	border:1px solid white;
}



table#rubriques_hp {
	border-collapse:collapse;
	padding:0;
	width:675px;
	text-align:center;
	margin:0 auto;
}
#rubriques_hp td{
	vertical-align:top;
	width:193px;
	margin:0;
	padding:0;
}
.titre_rubrique_hp{
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:800;
	text-align:center;
	line-height:29px;
	width:188px;
	background:white;
	/*background:url(images/fond_titre_rub_hp.png);*/
}

.fond_rubrique_hp{
	margin:0;
	padding:5px;
	width:203px;
	height:335px;
	background:white;
	/*background:url(images/fond_rub_hp.png) bottom center;*/
	font-size:95%;
	text-align:left;
}
.fond_rubrique_hp ul{
	width:185px;
	margin:-20px auto 0 auto;
	padding:10px;
	font-size:1.1em;
	color:#000;
	
}
.fond_rubrique_hp ul li{
	margin:5px 0 0 15px;
	color:#000;
}


a.image_home:link, a.image_home:visited{
	border:3px solid transparent;
	display:block;
	width:197px;
	height:148px;
}
a.image_home:hover{
	border:3px solid #C90000;
}


.cliquez{
	background:#818181;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	font-size:90%;
	//margin-top:-15px;
	
}


#references_hp{	
	padding:0;
	margin:10px 0 0 0;	
}



/*search form */

#searchform {
	margin: 15px 0 0 10px;
}

#searchform br {
	display: none;
}

#searchform #s {
	width: 127px;
	height: 15px;
	line-height:15px;
	padding: 2px 5px;
	border: 1px solid black;
	background: #fff;
	margin-right: 2px;
	color: #000000;
	font-weight: 800;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

/* search form button - to specify button only use input[type="submit"] */

#searchform input {
	background: #990000;
	width: 40px;
	height: 21px;
	line-height: 15px;
	font-weight:bold;
	color: #FFFFFF;
	vertical-align: middle;
	border: 1px solid white;
	-moz-border-radius: 5px;
 	 -webkit-border-radius: 5px;
 	 border-radius: 5px; 
}



/* MENU BOUTONS BEGIN *******************/
	
#menu ul{
  clear:both;
  float:left;
  height:23px;
  margin:0;
  padding-left:270px;
}

#menu li {
	float: left ;
	width: 113px ;
	margin-right: 15px ; /* Espace entre chaque bouton*/
	color: #fff ;
	list-style-type:none;
	
	}
	

#menu li a:link,#menu li a:visited{
	display: block ;
	background: url(images/bt.png) left top no-repeat ;
	color: #fff ;
	font: 12px "Trebuchet MS",Arial,sans-serif ;
	line-height: 1.1em ;
	padding: 4px 0 ;
	text-align: center ;
	text-decoration: none ;
	height:26px;
	font-weight:bold;
	text-transform:uppercase;
	
	}
	

#menu li a:hover {
	background: url(images/bt.png) right top no-repeat ;
	text-decoration: none ;
	color:#000;
	
	}
	
#menu li#menuselected a { /* SI LA PAGE EST PAGE ACTIVE (DANS CE CAS PAS DE LIEN) */
	width: 113px ;
	height:26px;
	font: 12px "Trebuchet MS",Arial,sans-serif ;
	line-height: 1.1em ;
	padding: 4px 0 ;
	background: url(images/bt.png) right top no-repeat ;
	text-decoration: none ;
	color:#000;
	font-weight:bold;
	 text-transform:uppercase;
}

	

.entry-title,.entry-meta {
clear:both;
}

.entry-content{
	margin:10px 0;
	text-align:justify;
	
}

.entry-content p{
	padding-bottom:15px;
}



div.gallery {
clear:both;
margin:1em 0;
width:100%;

padding:0;
}



div.gallery dl{
float:left;
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}


.alignright,img.alignright{
float:right;
margin:0 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:0 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}


/* Pages spéciales */

h3.titrewebmastering{
	font-size: 15px;border-bottom: 1px solid black;
}

ul.listerob{
	margin-top:0px;
	margin-left:10px;
	//margin-left:35px;
	padding-right:20px;
}
.listerob li{
	margin-bottom:5px;
	line-height:22px;
}
a.liensurfondblanc:link, a.liensurfondblanc:visited{
	color:#CC0000;
	font-weight:bold;
}
a.liensurfondblanc:hover{
	color:#FF6600;
}

#lienswebmastering{
	margin:15px 0 0 40px;
}
#lienswebmastering a:link, #lienswebmastering a:visited{
	font-size:12px;
	font-weight:bold;
	color:#808080;
}
#lienswebmastering a:hover{
	color:#A10000;
}

.retourwebmastering{
	float:right;
}

/*

p.wp-caption-text{
font-style:italic;
}



#nav-above {
margin-bottom:1em;
}

#nav-below {
margin-top:1em;
}

#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}


input#author,input#email,input#url {
width:50%;
}


}*/