/*
Theme Name: ARTIFICA
Theme URI: 
Description: baser sur brave new world Karl Dawson de Base theme using HTML5, WAI-ARIA, hCard and hAtom (includes reset and baseline typography CSS).
Version: 1
Author: Remy Richard
Author URI: 
Tags: 
*/


/* HTML 5 */
header,nav,section,article,dialog,figure,aside,footer{display:block;margin:0;padding:0;}
/*
Big Red Angry Text
See http://accessites.org/site/2006/07/big-red-angry-text/
*/
font,center,div[align],p[align],table[align],font[color]{color:#cd0000;background:#eecc11; font-weight:bold;}

/* INIT
/* ------------------------------------------------------------------------------------------------------- */

html{}

body {
	text-align:center;
	color: #333;
	padding:0; margin:0;
	font-family:Arial, Helvetica, sans-serif;
}

a:link{color:#fff;}
a:visited {color:#fff}
a:hover { text-decoration:none; }
a:active {}

#content a:hover {  background:rgba(12,62,87,0.4); -moz-border-radius:3px; -webkit-border-radius:3px}

#content a:link, #content a:visited { text-decoration:none; border-bottom:1px dotted #0B628D;}
#content a:visited {}
#content a:hover { border:none}
#content a:active {}

.invisible, .hide{ position:absolute; top:-9999px; left:-9999px}
.left {float:left;}
.right {float:right;}
.spacer, .clear, .retour-a-la-ligne{clear:both!important;}




#content img{/* max-width:100%*/}



img{ border:0}
#icon-tools{ padding:0 0 0 0; margin:0; width:30px; position:absolute; left:0; top:200px}


/* SKIPLINK
/*-------------------------------------------------------------------------------------------------------*/

ul#skiplink{ margin:0; padding:0; z-index:1000;}
ul#skiplink li { list-style-type : none; position:absolute; top:0;}
ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:#000000; font-weight:bold; padding:0.6em; font-weight:bold; font-size:2em; white-space:nowrap}
ul#skiplink li a:focus, ul#skiplink li a:active { top:0px; left:0px; background-color:#FFFF00}

/* LAYOUT 
/* ------------------------------------------------------------------------------------------------------- */
#wrap{ width:960px; margin:auto; background:#fff; text-align:left; position:relative; overflow:hidden}
/**/
#header{ height:200px; width:960px;  margin:0; position:relative; background:#e4e4e4}
#header h1 { margin:0; padding:1em; padding:0}
#header p{ padding:0 1em}
#header #logo{}
#header  a{}
/**/
#corps{padding:0 ; margin:0; width:900px; position:relative; background:#fff url(../img/bg-corps.png) repeat-y  }
/**/
#content{ width:580px; float:left; overflow:hidden; min-height:300px}
/**/
#search{ position:absolute; top:5px; right:0;  z-index:500; height:40px; padding:0; display:none}
#search label{ display:none}
#search form, #search p {margin:0; padding:0; z-index: 50;}
#search #s{ padding:2px; width:140px; color:#666666}
#search #searchsubmit{ border:none; background:none; color:#666666}

/**/



/* SIDEBAR CONTENT */
/* ------------------------------------------------------------------------------------------------------- */
#sidebar{width:360px;float:right; }
#sidebar ul{ list-style-type:none; padding:0; margin:0}
#sidebar a{ text-decoration:none}



/* FOOTER */
/* ------------------------------------------------------------------------------------------------------- */
#footer{   width:100%; margin:0; background:#e4e4e4;  clear:both}
.back2top{ text-align:right; font-size:80%;  clear:both}
#content .back2top a{ text-decoration:none; color:#666666}

/* NAV-MAIN
/* ------------------------------------------------------------------------------------------------------- */
.nav-main {
	position:absolute; 
	top:24px;
	left:220px; 
	width:auto;
	text-align:left; 
	z-index:200; 
	padding:0;
	font-size:1.6em;
	margin:0
	
	}
.nav-main h2{ display:none}	

.nav-main ul {
	list-style: none;
	line-height: 1;
	margin:0;
	padding:0;
	font-size:12px;
	position:absolute; top:80px; left:-230px;  width:940px; 
	display:none;
	}
	
/* MENU DEROULANT : niveau 1  -----------------------------------------------------------------------------------------------*/

	
.nav-main a {
	
	display: block;
	text-decoration: none;
	border:none;
	color:#183647;
	width:80px;
	height:61px;
	text-indent:-9999px;
	padding:0!important
	
	}
	
	
.nav-main li {
	float: left;
	list-style:none;
	border-right:none;
	margin:0;
	padding:0;
	
	}	
.nav-main a, .nav-main a:visited {
	display:block;
	padding:0;
	padding:5px;
	}
	
.nav-main li:hover,.nav-main li.sfhover, .nav-main li.on { background-position:top right;}

.nav-main .page-item-4 a{background-image:url(img/nav/01.gif);width:75px;}
.nav-main .page-item-12 a{background-image:url(img/nav/02.gif);width:112px;}
.nav-main .page-item-22 a{background-image:url(img/nav/03.gif);width:90px;}
.nav-main .page-item-34 a{background-image:url(img/nav/04.gif);width:103px;}
.nav-main .page-item-49 a{background-image:url(img/nav/05.gif);width:76px;}

.nav-main li a:hover{ background-position:-150px;}

.nav-main .current_page_ancestor  a,.nav-main .current_page_item  a{background-position:-300px!important;}

.category-references .nav-main .page-item-34 a, .single .nav-main .page-item-34 a{background-position:-300px!important;}


	
.nav-main .current_page_ancestor ul  ,.nav-main .current_page_item  ul{ display:block!important}


.references .nav-main .page-item-34 ul{display:block!important}
	
.nav-main li li{ margin-right:10px}
.nav-main li li a { background:none!important; height:auto!important; width:auto!important; text-indent:0!important; padding:5px 10px!important; }
.nav-main li li a:hover{  background:#96DAED!important; -moz-border-radius:3px; -webkit-border-radius:3px}
.nav-main li li.current_page_item a { color:#fff;  background:#09668F!important; -moz-border-radius:3px; -webkit-border-radius:3px  }

/* cas particulier de la nav références */
.collectivites-territoriales  .nav-main li li.page-item-1485 a,
.tourisme-et-patrimoine   .nav-main li li.page-item-1617 a,
.salons-et-evenementiel   .nav-main li li.page-item-1620 a,
.science  .nav-main li li.page-item-1622 a,
.autres-secteurs   .nav-main li li.page-item-1628 a
 { color:#fff;  background:#09668F!important; -moz-border-radius:3px; -webkit-border-radius:3px  }


/* Dropdown Menus 	*/
 /*.nav-main ul ul { position:absolute!important; left:-9999px!important} annule le dropdown */


/*
.nav-main li ul {
	position: absolute; z-index:99999;
	left: -999em;
	height: auto;
	width: 200px;
	font-weight:bold;
	padding:0 0; 
	border:none;
	background:#e4e4e4;
	}
	
.nav-main li.item1 ul {background: #cfcfcf url(../img/bg-over-1.png) repeat-x top;}	

.nav-main li li {
	width: 200px; padding:0  ;
	border:none; height:auto; margin:0!important; 
	}

.nav-main li li a,.nav-main li li a:hover, .nav-main li li a:visited {
	font-size:0.8em;
	color:#000;
	border-bottom:1px solid #f8f8f8; 
	background:none!important;
	height:auto;
	padding:10px;
	text-align:left;
	text-indent:0;
	display:block!important; width:180px;}
	
.nav-main li.item1 li a,.nav-main li.item1 li a:hover, .nav-main li.item1 li a:visited {	border-color:#f8f8f8; color:#747476;}	

.nav-main li li:hover, .nav-main li.sfhover li.sfhover {  }
.nav-main li li a:hover, .nav-main li li a:active {
	background:none; text-decoration:underline;
	}	
		
.nav-main li:hover ul, #nav li li:hover ul, .nav-main li li li:hover ul, .nav-main li.sfhover ul, .nav-main li li.sfhover ul, .nav-main li li li.sfhover ul {
	left: auto;
	}

*/




/********************************************************************************************************
/* CONFIG commence ici
/*********************************************************************************************************/


/* ajout PI2009*/

body{
color:#6ea7bc;
font-family:Arial,Helvetica,sans-serif;
margin:auto;
padding:0;
text-align:center;
background:#0D1C23 url(img/bg-body.jpg) repeat-x top center;

}
#wrap{ background: url(img/bg-wrap.jpg) no-repeat center 93px; width:100%;-}
#container{ background:#fff;}
#content{ padding:0 0 20px; width:510px; margin:0 0 0 40px;  }
.home #content{ margin:0 ;  }

#header{ width:940px; margin:0 auto; height:85px; background:#fff url(img/bg-header.gif) no-repeat; margin-bottom:70px}
#header a{ text-indent:-9999px; display:block; height:85px; padding:0; width:300px}
.description{ position:absolute; left:-9999px}


#breadcrumb{padding:0;  color:#1B7594}
#breadcrumb a{color:#1B7594}
.home #breadcrumb{display:none}

#branding{ height:110px; padding:0; text-indent:-9999px; background:url(img/logo.png) no-repeat}
#branding a{ display:block;  width:200px; height:110px;}

#access{ width:940px;  position:absolute; top:30px; right:0; border:none; font-size:14px}
.sf-menu{ float:right; border:none}
.sf-menu a{ border:none}

#main{ padding-top:0; width:940px; margin:auto; position:relative}

#footer{ background:none;   color:#1b7594; overflow:hidden; text-align:center; padding:10px; width:940px; border-top:1px dotted #163847; margin:auto}
#footer a{ color:#1b7594}
#footer ul{ margin:0; padding:0}
#footer li{ display:inline; padding:5px; margin:0}
#footer p{ margin:1em}


.hentry{  padding-bottom:1em; overflow:hidden}



/*
.aside h2,.aside h3{ color:#0099cc; font-style:normal; border-bottom:1px solid #cce1e9; margin-bottom:1em; font-size:1.6em; padding-bottom:0.5em}
.aside h2{ margin: 0 20px 1em;}




.aside input,.aside textarea{
border:3px solid #acd3e1;
	-moz-border-radius: 5px;
	padding:5px;
	}

.aside a{ text-decoration:none}	
.aside a:active, .aside a:hover, .aside .current_page_item a, .aside  .current-cat a  {
color:#BD481C;
}
.aside  .current-cat li a { color:#666}
.aside  .current-cat li a:hover { color:#BD481C}

div.wpcf7-mail-sent-ok{ background:#cfeebf; border:none!important; padding:5px}


#navigationNiveau1  a{ width:80px;}
#navigationNiveau1 .element01 a{background-image:url(../img/nav/01.gif);width:75px;}
#navigationNiveau1 .element02 a{background-image:url(../img/nav/02.gif);width:112px;}
#navigationNiveau1 .element03 a{background-image:url(../img/nav/03.gif);width:90px;}
#navigationNiveau1 .element04 a{background-image:url(../img/nav/04.gif);width:103px;}
#navigationNiveau1 .element05 a{background-image:url(../img/nav/05.gif);width:76px;}

	
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{ color:#BD481C}
.sf-menu ul ul{ position:absolute; left:-9999px!important}
.sf-menu a:hover{ color:#BD481C}
.sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a{color:#BD481C}
.sf-menu .current_page_ancestor li a, .sf-menu .current_page_parent li a{color:#666}
.sf-menu .current_page_ancestor li a:hover, .sf-menu .current_page_parent li a:hover{color:#BD481C}


*/



/**/

.category-references .entry-meta, .category-references .entry-utility{ display:none}
.category div.category-references{ width:170px; height:170px; overflow:hidden; padding:10px; float:left; text-align:center; border:1px solid #EDF0F3}
.category div.category-references h2{ position:absolute; left:-9999px}



/*HOMEPAGE*/
body.home {
background:#0D1C23 url(img/bg-body-hp.jpg) repeat-x top center; color:#6EA7BC!important}

body.home #wrap{ background: url(img/bg-wrap-hp.jpg) no-repeat center 93px!important; width:100%;}

body.home #content a:link, body.home #content a:visited { color:#fff!important}

.home #content{ width:auto}
.home h1{ }

.home #slideshow-ref{  margin:100px 0 0px; position:relative; width:940px}
.home #slideshow-ref a{ border:none; padding:0}
.home #slideshow-ref-content{ height:294px}
.home #slideshow-ref h2{ font-size:1em; position:relative; bottom:-15px; text-transform:uppercase; letter-spacing:0.1em; z-index:50}

#slideshow-ref-content a:hover{ background:none}

.home #slideshow-nav{ position:absolute; bottom:0; right:410px; z-index:50;}
.home #slideshow-nav a{ padding:3px 5px; background:#0b303d; -moz-border-radius:2px; -webkit-border-radius:2px; margin-left:5px}
.home #slideshow-nav a.activeSlide{ background:#1b7594}

.home .col{ width:300px; margin-right:20px;  float:left}
.home .col h2{margin-bottom:0}
.home .col h2 a, .home .col h2 a:hover{ border:none!important; background:none!important}

.home ul, .home li{ margin:0; list-style-type:none}
.home .col li { border-top:1px solid #194152}
.home h3{ font-size:1.2em}

.home .col3{ margin:0; background:url(img/bg-solutions.png) no-repeat; padding:0 10px; width:280px; text-align:center; height:192px; line-height:normal; margin-top:1em}
.home .col3 h2{ visibility:hidden}
.home .col3 li{ border:none}

/*
#nav{ position:absolute; left:250px; top:110px; text-align:right; width:690px; margin:0}
#nav li{ display:inline; width:105px; height:52px; float:left; margin-left:10px; text-indent:-9999px;}
#slideshow {   width:940px;  margin:62px 0 2em; overflow:hidden; position:relative}
#slideshow *{ color:#fff}
#slideshow h2{ font-size:2.4em; line-height:normal; margin:0 0 0.5em 0}
#slideshow p{ font-size:1.6em; line-height:normal; color:#90deff}


#slideshow .slide{ height:233px; width:440px; background: no-repeat right bottom ; padding-right:500px  }
#slideshow .slide a{ background:#fff url(img/btn-savoir-plus.png) no-repeat; display:block; width:221px; height:51px; text-indent:-9999px;  float:right; padding:0; position:absolute; bottom:40px; left:200px;}
#slideshow .slide a:hover{ position:absolute; bottom:41px}
#slideshow .slide a:active{ position:absolute; bottom:39px}


#slideshow .slide1{ background-image:url(img/slide1.jpg)}
#slideshow .slide2{ background-image:url(img/slide2.jpg)}
#slideshow .slide3{ background-image:url(img/slide3.jpg)}
#slideshow .slide4{ background-image:url(img/slide4.jpg)}
#slideshow .slide5{ background-image:url(img/slide5.jpg)}
#slideshow .slide6{ background-image:url(img/slide6.jpg)}

#nav a{ display:block; width:105px; height:52px; text-indent:-9999px; padding:0}
#nav a:hover, #nav a.activeSlide{ background-position:-105px}
#nav a span{ display:block; position:absolute; left:-9999px}
#nav #slide1 a{ background-image:url(img/btn1.png)}
#nav #slide2 a{ background-image:url(img/btn2.png)}
#nav #slide3 a{ background-image:url(img/btn3.png)}
#nav #slide4 a{ background-image:url(img/btn4.png)}
#nav #slide5 a{ background-image:url(img/btn5.png)}
#nav #slide6 a{ background-image:url(img/btn6.png)}




/*SIDEBAR 

#sidebar{ width:300px;  background:none; margin-top:0}

#sidebar h2{ color:#BD481C}
#sidebar h3{ font-weight:normal; font-size:1.2em }
#sidebar h4{ font-size:1em; font-weight:normal;  }
#sidebar li{ padding-bottom:0.5em; color:#666666}
#sidebar a{ color:#333333}
#sidebar a:hover, #sidebar .current_page_item a, #sidebar .current-cat a{ color:#BD481C}


#sidebar-top{  border:1px solid #ccc; padding:0 10px  }

#sidebar-bottom{  border:5px solid #76c4df; background:#fff url(img/bg-primary.png) repeat-x; padding:0 10px  }





#container, #sidebar-bottom, #sidebar-top, #content {
	margin-bottom:1em

}




/********************************************************************************************************
/* TYPOGRAPHIE & STYLES DU CONTENT
/*********************************************************************************************************/
h1, h2, h2.entry-title a , h3, h4, h5, h6{  font-weight:normal; line-height:normal}


#content h1{ color:#fff; font-size:3em; margin-top:0.5em }
#content h2{ font-weight:normal; /*font-size:1.4em;*/ }
#content h2, #content h3{clear:both}



.author, .by, time{ display:none}

#content ul{list-style-type:square}
#content ul ul{list-style-type: circle}

#content .sitemap { list-style-type:none; margin:0}
#content .sitemap a{ border:none}
#content .sitemap a:hover{ }
#content .sitemap li{ margin:0.5em 0}
#content .sitemap li a{ font-weight:bold; text-transform:uppercase; -moz-border-radius:3px; -webkit-border-radius:3px}


#content .sitemap li li a{ text-transform:none; color:#6ea7bc!important; background:none!important; display:inline!important; padding:0!important}
#content .sitemap li li li a{ font-weight:normal; color:#999999}

/* IMAGES
/*

-------------------------------------------------------------------------------------------------------*/

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.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 p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.wp-caption{ border:1px solid #ccc; padding:3px; font-size:80%; color:#999999; margin-bottom:1em}
.wp-caption p{ margin:0}
/* End captions */

/* GALERIE */
#content .gallery a{ border:none}


/* TABLEAU*/
/********************************************************************************************************/
#content table {background-color:#fff; width:100%; margin:10px auto; font-size:85%; border:0}
#content td, #content th { border:1px solid #fff; padding:0.5em}
#content thead th {font-weight:bold; text-align:center; background:#0099CC; color:#fff}
#colonneNormal caption {font-weight:bold; font-size:130%; margin:0}
#content tr { background-color:#e4e4e4;}
#tab_search_box td {padding:4px;}
#content .tableauLigneAlternee{background-color:#fff;}

#content table .tableChiffre{ text-align:right}

#content .tableauFocus td,#content .tableauFocus th{ background-color:#CA2825; color:#fff; font-weight:bold}

#content table p{ padding:0}

/* ENCARTS
/********************************************************************************************************/
#content .encart, #content .encart-droite, #content .encart-gauche{background-color:#E9D8BA;  padding:10px;}
#content .encart { margin: 0 0 1em 0; clear:both; border:none}
#content .encart-droite, #content .encart-gauche{ float:right; width:30%; margin:0 0 1em 1em}
#content .encart-gauche{ float:left; margin:0 1em 1em 0}

/* ATTENTION, dans ce site, les encarts peuvent etre fait avec des TABLE*/
#content table.encart{font-size:100%;}
#content .encart tr{ background:none}
#content .encart td{ border:none}

/* SOMMAIRE SUBPAGE
/*-------------------------------------------------------------------------------------------------------*/
#content .nm_list_subpages li{ margin-bottom:1em}
#content .nm_list_subpages li p.excerpt{ margin:0; }


/* =PageNavi
-------------------------------------------------------------- */

/* Using !important to override PageNavi CSS */

.wp-pagenavi {
    margin:0;
    padding:0.5em 0;
	text-align:center ; 
	clear:both;  
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span {
    border:none !important;
    color:#666!important;
    font-style:normal;
    margin:0 .375em !important;
    padding:0.5em 0.5em !important;
	background:none!important;
}
.wp-pagenavi a:visited {
    border:none !important;
    color:#666 !important;
	background:none!important;
}
.wp-pagenavi a:hover {
    border:none !important;
    color:#fff !important;
	background:#0B5B80!important;
}
.wp-pagenavi a:active {
    color:#000 !important;
	border:none !important;
	background:#fff!important;
}
.wp-pagenavi span.pages {
    border:none !important;
    color:#666 !important;
    margin:0 !important;
    padding:0.5em 0.5em !important;
	background:none!important;
}
.wp-pagenavi span.current {
    border:none !important;
    color:#fff !important;
    font-weight:normal !important;
    margin:0 !important;
	background:#44A7C7 !important;
	-moz-border-radius:3px;-webkit-border-radius:3px;

}
.wp-pagenavi span.extend {
    background-color:#FFFFFF;
    border:1px solid #000000;
    color:#000000;
    margin:2px;
    padding:2px 4px;
}


/*CONTACT FORM 
-------------------------------------------------------------- */
/* Using !important to override contactform CSS */

div.wpcf7 input, div.wpcf7 textarea{ background:#0B5578; border:none; color:#D7F3FD; outline:none!important} 

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 0!important;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border:none!important; background:#40A4C6;-moz-border-radius:3px;-webkit-border-radius:3px; color:#0D1C23;
}

div.wpcf7-mail-sent-ng {
	border:none!important; color:#000; background:#79B4C6;-moz-border-radius:3px;-webkit-border-radius:3px;
}

div.wpcf7-spam-blocked {
	border:none!important; color:#000;; background:#79B4C6;-moz-border-radius:3px;-webkit-border-radius:3px;
}

div.wpcf7-validation-errors {
	border:none!important; color:#000;; background:#79B4C6;-moz-border-radius:3px;-webkit-border-radius:3px;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #BE2D1E!important;
	color:#fff!important; 
	border:none!important;
	-moz-border-radius:3px;-webkit-border-radius:3px;
	font-size: 10pt;
	width: 280px;
	padding: 5px!important;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}

input, textarea{ border:1px solid #AAA; padding: 0.5em; -moz-border-radius:3px;-webkit-border-radius:3px;}
input.valider { background:#780E3F; color:#fff }

wpcf7-form br{ display:inline}

/*STYLE CONTRASTÉ
-------------------------------------------------------------- */

.typo_contrast{ background-image:url(img/bg-body-contrast.jpg); background-color:#FFFFFF; color:#1D4256}
.typo_contrast #wrap{ background-image:url(img/bg-wrap-contrast.jpg)}
.typo_contrast #content h1{ color:#377EA5}
.typo_contrast #content a:link,.typo_contrast  #content a:visited { text-decoration:none; border-bottom:1px dotted #0B628D; color:#990000}
.typo_contrast #content a:hover { border:none; background:none}

/*STYLE ZOOM TYPO
-------------------------------------------------------------- */

.typo_size1 #content{font-size:100%;}
.typo_size2 #content{font-size:120%;}
.typo_size3 #content{font-size:140%;}
.typo_size4 #content{font-size:160%;}


.print *{ display:none}