/*
Theme Name: WordPress Acces-Web
Theme URI: http://wordpress.org/
Description: Site internet version 2009
Version: 5.0
Author: Acces-Web
*/
body#accueil {margin:0; padding:0; font-size:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; background:url('images/fond-page.jpg') top center repeat-x #1e5c99;}
body {margin:0; padding:0; font-size:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; background:url('images/fond-page-nav.jpg') top center repeat-x #1e5c99;}
#conteneur{ width:960px; margin:0 auto; position:relative; color:#fff; }

#logo {float:left; display:inline; padding:0; margin:0 0 0 22px; width:260px; height:104px; background:url('images/logo.png'); text-indent:-5000px;}

/* MENU ....................................... */
ul#nav {float:left; display:inline; margin:49px 0 0 70px; padding:0px; width:605px; list-style:none; }

ul#nav li {
	float: left;
	display: inline;
	margin: 0 10px;
	padding:0;
}	

ul#nav li a {
	float:left;
	display:block;
	padding: 0px 32px 5px 0px; margin: 0px;
	text-decoration:none;
	font-size:1.6em; color:#fff;
	border-bottom:2px solid #fff;
}

ul#nav li a:hover {
	float:left;
	display:block;
	padding: 0px 32px 5px 0px; margin: 0px;
	text-decoration:none;
	font-size:1.6em; color:#fff;
	border-bottom:2px solid #fc2dac;
}


/* PAGE ACCUEIL ....................................... */
#accroche {float:left; display:inline; padding:0; margin:0 50px 30px 50px; width:860px; font-size:3.0em; text-align:justify; }
#accroche a {background:#dc158f; padding:0 3px 3px 3px; text-decoration:none; color:#fff; }

#services {float:left; display:inline; padding:20px 0 0 0; margin:20px 0; width:960px; border-top:1px dashed #9cbcd0;}
#services .blocService {float:left; padding:0 15px; margin:0; width:209px; border-right:1px dashed #9cbcd0;}
#services .blocService h2 {float:left; width:209px; margin:0 0 5px 0; padding:0; font-size:1.8em; font-weight:bold; color:#bfd73b;}
#services .blocService h2 a {color:#bfd73b; text-decoration:none;}
#services .blocService p {float:left; width:209px; margin:0px; padding:0; font-size:1.3em; color:#fff; line-height:18px; }
#services .blocService p a {font-size:0.9em; color:#fff; text-decoration:none;}
#services .blocService p a strong {color:#bfd73b; text-decoration:underline;}


/* PAGES DE NAV ....................................... */
#contenuNav {float:left; display:inline; padding:0; margin:20px 0; width:960px; }

#contenuNav h1#titreServices {float:left; display:inline; padding:0; margin:0 50px; width:860px; height:60px; background:url(images/titre-services.png) no-repeat left top; text-indent:-5000px; }
#contenuNav h1#webdesignDev {float:left; display:inline; padding:0; margin:0 50px; width:860px; height:60px; background:url(images/titre-webdesign-dev.png) no-repeat left top; text-indent:-5000px; }
#contenuNav h1#referencement {float:left; display:inline; padding:0; margin:0 50px; width:860px; height:60px; background:url(images/titre-referencement.png) no-repeat left top; text-indent:-5000px; }
#contenuNav h1#grc {float:left; display:inline; padding:0; margin:0 50px; width:860px; height:60px; background:url(images/titre-grc-crm.png) no-repeat left top; text-indent:-5000px; }
#contenuNav h1#hebergement {float:left; display:inline; padding:0; margin:0 50px; width:860px; height:60px; background:url(images/titre-hebergement-ndm.png) no-repeat left top; text-indent:-5000px; }
#contenuNav h1#catalogue {float:left; display:inline; padding:0; margin:0 50px; width:860px; height:60px; background:url(images/titre-catalogue.png) no-repeat left top; text-indent:-5000px; }
#contenuNav h1#adwords {float:left; display:inline; padding:0; margin:0 50px; width:860px; height:60px; background:url(images/titre-adwords.png) no-repeat left top; text-indent:-5000px; }
#contenuNav h1#boutique {float:left; display:inline; padding:0; margin:0 50px; width:860px; height:60px; background:url(images/titre-boutique.png) no-repeat left top; text-indent:-5000px; }
#contenuNav h1#references {float:left; display:inline; padding:0; margin:0 50px; width:860px; height:60px; background:url(images/titre-references.png) no-repeat left top; text-indent:-5000px; }
#contenuNav h1#agence {float:left; display:inline; padding:0; margin:0 50px; width:860px; height:60px; background:url(images/titre-agence.png) no-repeat left top; text-indent:-5000px; }
#contenuNav h1#contact {float:left; display:inline; padding:0; margin:0 50px; width:860px; height:60px; background:url(images/titre-contact.png) no-repeat left top; text-indent:-5000px; }
#contenuNav h1#mentions {float:left; display:inline; padding:0; margin:0 50px; width:860px; height:60px; background:url(images/titre-mentions.png) no-repeat left top; text-indent:-5000px; }
#contenuNav h1#groupe {float:left; display:inline; padding:0; margin:0 50px; width:860px; height:60px; background:url(images/titre-groupe-infocob.png) no-repeat left top; text-indent:-5000px; }

#contenuNav #intro {float:left; display:inline; padding:8px 50px 25px 50px; margin:0; width:860px; font-size:1.6em; border-bottom:1px dashed #9cbcd0; line-height:20px;}

#contenuNav #colonneLarge {float:left; display:inline; padding:0 15px; margin:20px 0; width:690px; border-right:1px dashed #9cbcd0;}
#contenuNav #colonneLarge h2 {float:left; display:inline; padding:0; margin:0 0 5px 0; width:690px; font-size:1.8em; font-weight:bold; color:#bfd73b;}
#contenuNav #colonneLarge p {padding:0; margin:7px 0 0 0; font-size:1.2em; line-height:16px; text-align:justify;}
#contenuNav #colonneLarge ul {font-size:1.2em; line-height:16px; list-style-image:url(images/puce.jpg); margin-top:5px;}
#contenuNav #colonneLarge ol {font-size:1.2em; line-height:16px; margin-top:10px;}
#contenuNav #colonneLarge ol li { margin-bottom:15px}
#contenuNav #colonneLarge ol li strong { font-size:13px;}
#contenuNav #colonneLarge p.encart {padding:0; margin:15px 15px 5px 15px; font-size:1.2em; line-height:16px; text-align:justify; width:660px;}
#contenuNav #colonneLarge a {color:#bfd73b;}
#contenuNav #colonneLarge blockquote p { background:url(images/blockquote.png) no-repeat left top; padding:2px 0 8px 55px; margin:15px 0px 10px 0px; font-size:13px; color:#b3cde4;}
#contenuNav #colonneLarge blockquote p a { color:#b3cde4;}

#contenuNav #colonneLarge h2.titreForm {float:left; display:inline; padding:0; margin:35px 0 0px 0; width:690px; font-size:1.8em; font-weight:bold; color:#bfd73b;}
#contenuNav #colonneLarge p.form {float:left; padding:0; margin:7px 0 0 15px; font-size:1.2em; line-height:16px; text-align:justify; width:330px; font-size:13px;}
#contenuNav #colonneLarge p.form2 {float:left; padding:0; margin:7px 0 0 15px; font-size:1.2em; line-height:16px; text-align:justify; width:675px; font-size:13px;}
#contenuNav #colonneLarge p.form label {float:left; padding:0; margin:0 0 0 0; width:110px;}
#contenuNav #colonneLarge .btnSubmit {float:left; padding:0; margin:30px 0 15px 220px; width:250px; height:55px; background:url(images/btn-envoyer.png); border:none; text-indent:-5000px;}
.wpcf7-response-output wpcf7-mail-sent-ok {font-size:12px; color:#bfd73b; font-weight:bold;}


#contenuNav #colonnePetite {float:left; display:inline; padding:0 15px; margin:5px 0; width:209px; }
#contenuNav #colonnePetite h2.blanc {float:left; display:inline; padding:0; margin:15px 0 5px 0; width:209px; font-size:1.3em; font-weight:bold; color:#fff;}
#contenuNav #colonnePetite h2.vert {float:left; display:inline; padding:0; margin:15px 0 5px 0; width:209px; font-size:1.5em; font-weight:bold; color:#bfd73b;}
#contenuNav #colonnePetite p {padding:0; margin:7px 0 0 0; font-size:1.2em; line-height:15px; }
#contenuNav #colonnePetite p a {color:#FFF; }
#contenuNav #colonnePetite p span {color:#bfd73b; font-weight:bold;}
#contenuNav #colonnePetite ul {clear:left; font-size:1.2em; line-height:16px; list-style-image:url(images/puce.jpg); margin-top:5px; }

#contenuNav #colonnePetite ul#listeServ {clear:left; font-size:1.2em; line-height:16px; list-style-image:url(images/puce.jpg); margin-top:5px; margin-bottom:20px; color:#bfd73b; line-height:14px; }
#contenuNav #colonnePetite ul#listeServ a {color:#FFF; text-decoration:none; margin:5px 0;display:block; }

#contenuNav #colonnePetite .real {float:left; display:inline; padding:0; margin:10px 0; width:209px; }
#contenuNav #colonnePetite .real a img {float:left; padding:0px; margin:0px; border:2px solid #042646;}
#contenuNav #colonnePetite .real h3  {float:left; padding:0px; margin:3px 0; font-size:13px;}
#contenuNav #colonnePetite .real h3 a  {color:#fff; text-decoration:none;}
#contenuNav #colonnePetite blockquote { clear:left; float:left; background:url(images/blockquote.png) no-repeat left top; padding:0px 0 8px 53px; margin:25px 0px 10px 0px; font-size:13px; color:#b3cde4;}
#contenuNav #colonnePetite blockquote p { padding:0px; margin:0px; font-size:13px; color:#b3cde4;}
#contenuNav #colonnePetite blockquote p a {color:#b3cde4; text-decoration:none;}

#contenuNav #colonneEntiere {float:left; display:inline; padding:0px; margin:20px 0; width:960px; }
#contenuNav #colonneEntiere #uneRef {float:left; padding:0px; margin:20px 15px 10px 15px; width:210px; text-decoration:none;}
#contenuNav #colonneEntiere #uneRef img {padding:0px; margin:0px; border:2px solid #042646; }
#contenuNav #colonneEntiere #uneRef h3 {float:left; padding:0px; margin:3px 0; height:40px; width:210px; font-weight:normal; }
#contenuNav #colonneEntiere #uneRef h3 a {font-size:16px; color:#bfd73b; text-decoration:none;}
#contenuNav #colonneEntiere #uneRef .url a {float:left; padding:0 0 0 10px; margin:0px; width:200px; font-size:1.1em; line-height:12px; height:27px; background:url(images/puce-references.png) no-repeat 0px 5px; color:#FFF; border-bottom:1px solid #9cbcd0; text-decoration:none;}
#contenuNav #colonneEntiere #uneRef .url2 a {float:left; padding:10px 0 0 10px; margin:0px; width:200px; font-size:1.1em; line-height:12px; height:17px; background:url(images/puce-references.png) no-repeat 0px 15px; color:#FFF; border-bottom:1px solid #9cbcd0; text-decoration:none;}
#contenuNav #colonneEntiere p {float:left; padding:0; margin:7px 0 0 0; font-size:1.2em; line-height:16px; text-align:justify; width:960px;}
#contenuNav #colonneEntiere h2 {float:left; display:inline; padding:0; margin:0 0 5px 0; width:960px; font-size:1.8em; font-weight:bold; color:#bfd73b;}

/* REFERENCES ....................................... */
#contenuNav #colonneDetailsRef {float:left; display:inline; padding:0 30px 0 15px; margin:30px 0; width:210px; }
#contenuNav #colonneDetailsRef h2 {float:left; padding:0 8px; margin:0 0 20px 0; width:194px; font-size:16px; color:#bfd73b;}
#contenuNav #colonneDetailsRef #date {float:left; padding:8px; margin:0; width:194px; font-size:1.1em; color:#fff; border-bottom:1px solid #9cbcd0; border-top:1px solid #9cbcd0;}
#contenuNav #colonneDetailsRef #prestations {float:left; padding:15px 8px; margin:0; width:194px; font-size:1.1em; line-height:22px; color:#fff; border-bottom:1px solid #9cbcd0;}
#contenuNav #colonneDetailsRef #prestations ul {float:left; padding:0; margin:0; width:194px; font-size:1.1em; color:#fff; list-style:none;}
#contenuNav #colonneDetailsRef #prestations ul li {float:left; padding:0 0 0 20px; margin:0; width:174px; background:url(images/puce-references.png) no-repeat 5px center; color:#9cbcd0;}
#contenuNav #colonneDetailsRef #voir {float:left; padding:0 8px; margin:20px 0 20px 0; width:194px; height:30px; line-height:30px; background:url(images/fleche-voir-site.png) no-repeat; color:#fff; font-size:1.4em; font-weight:bold; text-decoration:none;}

#contenuNav #colonneVisuelRef {float:left; padding:0; margin:15px 0; width:705px; }
#contenuNav #colonneVisuelRef a {float:left; padding:0; margin:0 0 0 460px; width:245px; height:30px; line-height:23px; text-align:center; font-weight:bold; background:#042646; font-size:12px; color:#FFF; text-decoration:none; }
#contenuNav #colonneVisuelRef img {float:left; padding:0; margin:-10px 0 0 0; border:5px solid #042646; }

#contenuNav #navig {position:absolute; top:180px; right:15px; padding:0; margin:0;}
#contenuNav #navig img {margin-left:20px;}

img.alignleft {float:left; margin:0 10px 10px 0;}
img.alignright {float:right; margin:0 0 10px 15px;}
a img {border:none;}

/* FOOTER ....................................... */
#footer {clear:left; margin:0px auto; width:100%; height:303px; background:url(images/bg-footer.jpg) repeat-x top center #051d35;}
#footer #contenuFooter { width:960px; margin:0 auto; padding:0; position:relative; background:url(images/wp-footer.jpg) no-repeat 500px bottom; }

#footer #contenuFooter .colonneUn {float:left; display:inline; width:220px; margin:20px 10px 0 15px; height:255px; padding:0; }
#footer #contenuFooter .colonneUn h4 {float:left; width:220px; margin:0px; padding:0 0 6px 0; font-size:1.8em; font-weight:normal; color:#8293a3; border-bottom:1px dashed #8293a3; }
#footer #contenuFooter .colonneUn p {float:left; width:220px; margin:0px; padding:8px 0; font-size:1.2em; color:#fff;  }
#footer #contenuFooter .colonneUn p span {color:#bfd73b; font-size:1.3em; font-weight:bold; margin-left:10px;  }
#footer #contenuFooter .colonneUn p a {color:#bfd73b; }
#footer #contenuFooter .colonneUn img {float:left; padding:0; margin:0; border:3px solid #1e3c59; }

#footer #contenuFooter .colonneUn ul {float:left; width:220px; margin:0px; padding:0; font-size:1.3em; list-style:none; }
#footer #contenuFooter .colonneUn ul li {float:left; width:220px; margin:8px 0 0 0; padding:0 0 3px 0; border-bottom:1px dashed #36516b; }
#footer #contenuFooter .colonneUn ul li a {color:#fff; text-decoration:none; }

#footer #contenuFooter .colonneDeux {float:left; width:440px; margin:20px 0 0 15px; padding:0; height:255px; }
#footer #contenuFooter .colonneDeux h4 {float:left; width:440px; margin:0px; padding:0 0 6px 0; font-size:1.8em; font-weight:normal; color:#8293a3; border-bottom:1px dashed #8293a3; }
#footer #contenuFooter .colonneDeux p {float:left; width:295px; margin:0px; padding:10px 0 10px 145px; font-size:1.2em; color:#fff; background:url('images/logo-infocob-groupe.jpg') no-repeat 0px 12px; line-height:16px;  }
#footer #contenuFooter .colonneDeux p a {color:#bfd73b;text-decoration:none; font-weight:bold; }
#footer #contenuFooter .colonneDeux a#new {float:left; width:440px; height:60px; margin:0 0 20px 0; padding:10px 0 0 80px; font-size:1.3em; color:#fff; background:url('images/nouveau.jpg') no-repeat 0 0; line-height:17px; color:#FFF; text-decoration:none;  }

#footer #contenuFooter #copyright {position:relative; display:inline; margin:0 0 0 20px; padding:0; color:#828e9a; line-height:25px; font-size:1.1em; }
#footer #contenuFooter #wp { position:relative; display:inline; margin:0 0 0 250px; padding:0; color:#fff; line-height:25px; font-size:1.1em;}
#footer #contenuFooter #wp a {color:#fff; }


/* styles for date and comment paragraphs in posts .... */
/*.meta {
	font-size: 1em;
	padding: 7px 0px 5px 0px ;margin: 0;
	background: #fff;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
}

.tagmeta {
	font-size: .8em;
	float:right;	
	padding:7px 15px 5px 0;
	margin: 0 0 10px 0;
	background: #fff;
	color: #666;
	border-bottom: 1px dotted #ccc;
	font-style: italic;
}

 /* BEGIN FORMATTING FOR SIDEBAR ....................................... */

#right {
	width: 385px;
	float: left;
	margin: 20px 0 20px 35px; padding: 0;
	font-size: 1em;
}

#right h3 {
	padding: 0;	margin: 0 0 10px 0;
}

 
 /* FORMATTING FOR THE SECTIONS ON THE SIDEBARS  ....................................... */

#spandiv {
	clear: both;
	margin: 10px 0 0 0;
}

.widget {
	padding: 10px 10px;	margin: 10px 0;
	background: #e0e0e0;	
	border-top: 5px solid #f0f0f0;
}

.sidebardiv {
	padding: 10px 10px;	margin: 20px 0;
	background: #e0e0e0;	
	border-top: 5px solid #f0f0f0;
	clear: both;
}

 /* FORMATTING FOR LISTS IN THE TWO SIDEBARS ....................................... */

.sidebardiv ul, .widget ul {
	list-style: none;
	margin: 0; padding: 0px 0 0px 0px;
}

.sidebardiv ul li, .widget ul li {
	padding: 0;margin: 10px 0 ;
}

.sidebardiv ul li ul, .widget ul li ul {
	list-style: circle;
	padding: 0 0 0 15px;
}

.sidebardiv ul ul li, .widget ul li ul {
	padding: 0;margin: 0;
}

 /* FORMATTING FOR LEFT SIDEBAR ....................................... */

#right1 {
	width: 185px;
	margin: 0 10px 0 0;padding: 0px;
	float: left;
}

 /* FORMATTING FOR LEFT SIDEBAR ....................................... */

#right2 {
	width:185px;
	float: left;
	margin: 0;padding: 0;
}



/*** FLICKR FORMATTING CONTROL ****/

#flickrrss.widget.widget_flickrRSS  { 
	list-style: none;  
	padding: 10px 10px 10px 10px; margin: 0px; 
}

#flickrrss.widget.widget_flickrRSS li { 
	display: inline; 
	padding: 0; margin: 0;
} 

#flickrrss.widget.widget_flickrRSS a img { 
	padding: 5px; 
	margin:3px 4px 3px 0 ;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
}

#flickrrss.widget.widget_flickrRSS a:hover img { 
	padding: 5px; 
	margin:3px 4px 3px 0 ;
	background-color: #cc3300;
	border: 1px solid #ccc;
}

#flickrrss.widget.widget_flickrRSS a:hover { 
	border-top: none;
	border-bottom: none;
}


/* COMMENTS FORMATTING .......................................*/

#comments {
	border-top: 5px solid #000;
}

#comments h3 {
	font-size: 1.6em;
	margin: 0px 0;padding: 0px;
	background: #fff;
	color: #000;
}

p.avatar {margin: 0;padding: 0;float: right;}

p.avatar img {margin: 7px 7px 7px 0;padding: 2px;}

#comments ul li {
	border: none;
	padding: 10px;
	background: #f7f7f7;
	border: 1px solid #ccc
}

ul.commentlist {
	padding: 0;margin: 10px 0 ;
}

.commenttext {
	width: 290px;
}

.commentmeta {
	font-weight: bold;
}

p.commentdate {
	font-size: .7em;
	padding: 10px 0 ;margin: 0;
}

.commentnumber {
	padding: 5px;
	margin: -25px 0px;
	padding:10px;
	float:right;
	color: #ccc;
	font-size: 35pt;
}

#reply {
	margin:30px 0 20px 0;
	padding: 0px;
	border-top: 5px solid #000;	
}

textarea#comment {
	font-size:13px;
}


.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}*/