/*
Theme Name: CCI Cote d'Opale
Theme URI: http://www.webinfodev.com
Description: Theme Wordpress CCI Cote d'Opale
Author: WEBINFODEV
*/

body{
margin:10px 0 0 0;
padding:0;
line-height: 1.5em;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
background-color: #e6e7ed;
}

h1{ font-size:15px; text-transform: uppercase; }
h2{ font-size:14px; }

ul { list-style-type:square; }

.breadcrumbs { font-size:12px; }
.breadcrumbs a:hover { text-decoration:underline !important; }


/*Top*/

#maincontainer{
width: 1135px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
position:relative;
}

#flammeswrapper{
position:absolute;
top:0px;
left:900px;
}
#carte_cci{
position:absolute;
top:100px;
left:780px;
}

#search-header{
position:absolute;
top:220px;
/*left:857px;*/
right:28px;
}
#search-header input { color:#547697; }
#search-header #searchsubmit{ background-color:#547697; color:#FFFFFF; border:none; padding:2px; }

#espace_presse{
position:absolute;
top:175px;
right: 224px;
color: #547697;
font-size: 14px;
}
#espace_presse a{ color:#547697; font-size:13px; font-weight:bold; text-decoration:none; }
#espace_presse a:hover{ color:#547697; text-decoration:underline; }

#banniere{
position:absolute;
top:0px;
left:254px;
}

#logowrapper{
height: 115px;
overflow: hidden;
}

#logosmallwrapper{
height: 61px;
overflow: hidden;
}

#logosmallwrapper img{
float: left;
}


/*menu*/
#menu #chromemenu{
height: 65px;
overflow: hidden;
background-color: #e6e7ed;
margin: 29px 0 15px 0;
float: left;
padding-right: 5px;
}

#menu #chromemenu ul{
padding: 0;
margin: 0;
}
#chromemenu li{
list-style: none;
margin-left: 5px;
display: block;
float: left;
background-color: #FFFFFF;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
}
#chromemenu li a {
padding: 18px 10px 0 10px;
height: 35px;
display: block;
float: left;
border-bottom: 13px solid #000000;
text-decoration: none;
color: #000000;
}

#menu #dropmenu1 ul,#menu #dropmenu2 ul,#menu #dropmenu3 ul,#menu #dropmenu4 ul{list-style: none;background-color: #FFFFFF;padding:0;margin:0;}
#menu #dropmenu1 ul li ul,#menu #dropmenu2 ul li ul,#menu #dropmenu3 ul li ul,#menu #dropmenu4 ul li ul{list-style: none;background-color: #FFFFFF;padding:0;margin:0;}
#menu #dropmenu1 ul li ul li a,#menu #dropmenu2 ul li ul li a,#menu #dropmenu3 ul li ul li a,#menu #dropmenu4 ul li ul li a{font-weight:normal;}

#menu ul ul ul li {
	display:none;
	visiblity:hidden;
}


/*content*/
#content{
color: #547697;
font-size: 13px;
margin: 0 0 20px 5px;
}

#content a{
color: #053657;
text-decoration: none;
}

.rectangle_bleu,
#rectangle_bleu {
padding: 5px 10px;
color: #FFFFFF !important;
text-transform: uppercase;
margin: 0 0 10px 0;
margin-right:20px;
font-size: 12px;
background-color: #009de0;
float: left;
display: block;
}
.rectangle_bleu a,
#rectangle_bleu a {
color: #FFFFFF !important;
}

.rectangle .title {
	padding: 5px 10px;
	color: #FFFFFF!important;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	font-size: 12px;
	background-color: #053658;
	display:inline-block;
	*diplay:inline; zoom:1;
	}

#content .post a { text-decoration:underline; font-weight:bold; }

/*content left*/
#content .left{
width: 757px;
float: left;
}

#content .wrapperwhite{
background-color: #fff;
display: block;
min-height: 600px;
padding: 15px 0px 0px 15px;
padding-bottom:30px;
border: 1px solid #d4d6e1;
clear: left;
margin: 0 0 10px 0;
text-align:justify;
}
#content .wrapperwhite p, #content .wrapperwhite ul{
padding-right:15px;
}

#content .boxpost{
float: left;
width: 331px;
height: 139px;
overflow: hidden;
border: 2px solid #d4d6e1;
margin: 0 15px 15px 0;
padding: 10px;
text-align:justify;
}
#content .boxpost-with-bg,
#content .boxpost-with-bg .readmore a {
	color:#333333;
}

#content .boxpost img{
float: left;
margin: 0 10px 0 0;
}

#content .boxpost h2{
text-align:left;
padding: 0;
margin: 0;
font-size: 12px;
text-transform: uppercase;
}


#content .webinfodev-zoom-widget {
	position:relative;
	padding:0;
	width:351px;
	height:159px;
}
#content .webinfodev-zoom-widget .zoom-content {
	width:100%; height:100%;
}
#content .webinfodev-zoom-widget .zoom-design {
	background:transparent url(images/zoom.png) top left no-repeat;
	display:block;
	width:45px;
	height:45px;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}

#content .webinfodev-article-zoom-widget {
	padding:10px;
	width:331px; height:139px;
	}
#content .webinfodev-article-zoom-widget .zoom-content {
	width:auto; height:auto;
	}
#content .webinfodev-article-zoom-widget h2 {
	margin-left:20px;
	}


#content .bluebox{
float: left;
margin: 10px 0 0 5px;
}

#content .bottomwrapper{
margin: 20px 0 0 0;
}

#content .bottomwrapper .leftside{
width: 428px;
float: left;
}

#content .bottomwrapper .rightside{
width: 315px;
float: right;
}

#content .bottomwrapper .leftside .boxleft{
width: 428px;
height: 400px;
background-color: #053658;
margin: 10px 0 0 0;
}

#content .bottomwrapper .rightside .boxright{
width: 315px;
height: 150px;
background-color: #053658;
margin: 0 0 10px 0;
}

#content .bottomwrapper .rightside .videobox{
width: 315px;
height: 285px;
background-color: #94a0b8;
}



/*content right*/
#content .right{
width: 356px;
float: right;
}

#content .boxwidget{
background-color: #fff;
display: block;
border: 1px solid #d4d6e1;
margin: 0 0 10px 0;
clear: left;
padding-bottom: 10px;
width: 356px;
}

#content .boxwidget img{
margin-bottom: 10px
}

#content .agendawrapperpost{
display: block;
border-top: 2px solid #d4d6e1;
margin: 0 auto 10px auto;
width: 322px;
padding: 10px 0 10px 0;
text-align:justify;
}
#content .item-1{
	border:0;
}
#content .agendawrapperpost h3, #content .agendawrapperpost h3 a{
text-align:left;
font-size:13px;
}


#content .boxwidget h3 {
	font-size: 24px;
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
	}
#content .boxwidget h3 a {
	color: #053657;
	text-decoration: none;
	}


#content .carosel{
background-color: #fff;
display: block;
border: 1px solid #d4d6e1;
margin: 0 0 10px 0;
height: 220px;
overflow: hidden;margin: 0 0 10px 0;
font-size: 12px;

position: relative;
}

#content .carosel .textslide{
text-align: center;
color: #000000;
font-weight: bold;
position: absolute;
bottom: 0;
width: 356px;
}


#slideshow-wrapper{
margin-top: 0px !important;
}

/*general styles*/
img{
border: none;
}
.clearing{
clear: both;
}
/*footer tabs*/
div.container { margin: auto; width: 90%; margin-bottom: 10px;}
ul.tabNavigation {
list-style: none;
margin: 0;
padding: 0;
}
ul.tabNavigation li {
display: inline;
}
ul.tabNavigation li a {
padding: 5px 5px;
background-color: #94a0b8;
color: #fff;
text-decoration: none;
font-size: 11px;
}
/*ul.tabNavigation li a.selected,*/
ul.tabNavigation li a:hover {
background-color: #053658;
color: #fff;
}
ul.tabNavigation li a:focus {
	outline: 0;
}
div.tabs > div {
	padding: 5px;
	margin-top: 5px;
	border: 2px solid #e8e9ef;
}
div.tabs > div h2 {
	margin-top: 0;
}
.waste {
	min-height: 1000px;
}
.readmore{ padding:0; margin:0; text-align:right; color: #547697; font-weight:bold; }
.readmore a{ color: #547697; font-weight:bold; }
.readmore a:hover{ color: #547697; font-weight:bold; }
/*vertical slider*/
.slider-holder {overflow:hidden; width:190px; display:block; height:400px; padding:0; margin:0; float:right; text-align:justify; padding-right:10px;}
.slider-holder li {padding:0px; margin:0; display:block; width:190px; height:400px; float:right; list-style:none; color:#fff;}
.slider-holder ul ul {height:auto; padding:0; margin:0}
.slider-holder li li {padding:0; margin:0; display:list-item; width:auto; height:auto; float:none; list-style:disc;}
.s1 {position:relative; overflow:hidden; width:428px; height:400px; }
.s1 .slider-holder li.slide {width:196px; height:380px; padding:10px 10px 10px 226px; overflow:hidden}
.s1 .slider-nav {position:absolute; left:0px; top:0; width:216px; height: 400px; padding:0; margin:0; background-color:#94a0b8; overflow:hidden}
.s1 .slider-nav li {list-style:none; display:block; margin:0; font-weight:bold; border-bottom: 2px solid #053658}
.s1 .slider-nav li a {display:block; padding:10px 10px; color:#053658 !important}
.s1 .slider-nav li a:hover, .s1 .slider-nav li.active a  {background-color:#053658!important; color:#FFFFFF !important}
.tableau_agenda td{ border:1px solid #547697; }

#content .agenda_tous{ background-color:#94a0b8; color:#FFFFFF; text-align:center; }
#content .agenda_tous a{ color:#FFFFFF; }
#content .agenda_tous a:hover{ color:#FFFFFF; text-decoration:underline; }

#content .marches_public{
background-color: #fff;
display: block;
border: 1px solid #d4d6e1;
margin: 0 0 10px 0;
overflow: hidden;
position: relative;
padding:15px;
}




.post_actions {
	float:right;
	padding-right:15px;
}

.btn-arr {
	margin-right:15px;
}
.fl {
	float:left;
}
.fr {
	float:right;
}

#content .category-submenu {
	padding:0;
	width:351px;
	height:337px;
	overflow:auto;
	overflow-x:hidden;
}
#content .category-submenu ul {
	margin:0; padding:0;
	width:100%; height:100%;
	list-style-type:none;
}
#content .category-submenu ul li {
	margin-bottom:2px;
}
#content .category-submenu ul li a {
	display:block;
	padding:5px 8px 5px 9px;
	color:#323232;
	background-color:#e9e9e9;
	text-transform:uppercase;
	font-size:11px;
	
	text-shadow: 0px 1px 1px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=1); 
}
#content .category-submenu ul li a:hover {
	color:#fff !important;
	background-color:#323232;
	
	text-shadow: 0px 0px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=0); 
}


/* POUR LE PDF */
.header-pdf,
.footer-pdf{
	background:#fff;
	display:none;
}

.bloc_titre{
	margin-bottom:10px;
	overflow:hidden;
}
.link_month{
	float:right;
	margin-right:50px;
margin-right:16px;
}
.link_month a{
	display:block;
	border:1px solid #ccc;
	float:left;
	margin-left:10px;
	padding:4px 10px;
	text-transform: capitalize;
}

/* QR Code */

.qrcode {
	text-align: right;
}
.qrcode .qr {
	height: 120px;
	width: 120px;
}


/* Contact */
#wpcf7-f1-p731-o1 .wpcf7-text,
#wpcf7-f1-p731-o1 textarea {
	width:340px;
}

.wpcf7-mail-sent-ok {
	font-weight:bold;
	text-align:center;
}


.rectangle{overflow:hidden;}
#rectangle_entreprises.rectangle h1{width:auto;}


/* MENU 2 */
#menu-liens_haut{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#menu-liens_haut li{
    display: inline;
}
#menu-liens_haut li a{
    color: white;
    display: block;
    float: left;
    font-size: 12px;
    margin: 0 20px 10px 0;
    padding: 5px 10px;
    text-transform: uppercase;
}


/*footer*/
#footer{
	background:#AFB7C7;
	clear:left;
	min-height:90px;
	overflow:hidden;
	padding:18px 0 25px;
	width:100%;
}
#footerwrap{
	margin:0 auto;
	width:1135px;
}


#text-15 {
	border-right:solid 1px #979CA9;
	float:left;
	min-height:150px;
	padding:0 65px 0 50px;
	width:355px;
}
#text-15 h2 {
	color:#fff;
}
#text-15 ul {
	padding:0;
}
#text-15 ul li {
	display:block;
	float:left;
	height:20px;
	line-height:1.9em;
	width:50%;
}
#text-15 ul li.right {
	text-align:right;
}
#text-15 ul li a {
	color:#053655;
	font-size:1.1em;
	text-decoration:none;
}
#text-15 ul li a:hover {
	text-decoration:underline;
}


#text-16 {
	border-right: solid 1px #979CA9;
	color: #053655;
	float: left;
	min-height: 150px;
	padding: 0 10px 0 50px;
	width: 230px;
}
#text-16 h2 {
	color: #053655;
	font-size: 1.1em;
	padding: 0 0 0px;
	text-transform: uppercase;
}
#text-16 p span {
	display: block;
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.5em;
	padding: 2px 0 3px;
}


#text-17 {
	float: left;
	padding: 10px 35px;
	text-align: center;
	width: 300px;
}


.menu-menu_footer-container {
	color: #fff;
	float: left;
	margin: 0 auto;
	padding: 30px 0 0;
	text-align: center;
	width: 100%;
}
.menu-menu_footer-container ul {
	list-style-type: none;
	margin: 0 auto;
	width: 800px;
}
.menu-menu_footer-container ul li {
	display: inline-block;
	float: left;
}
.menu-menu_footer-container a {
	color: #fff;
	font-size: 14px;
	padding: 0 10px;
	text-decoration: none;
}
.menu-menu_footer-container a:hover {
	text-decoration: underline;
}

.menu-menu_footer-container .menu-item-last span {
	display: none;
}





/**
 * Common CCI
 */
#chromemenu li.purple a {
	color:#602181;
	border-color:#602181;
	}
#chromemenu li.orange a {
	color:#f8ac00;
	border-color:#f8ac00;
	}
#chromemenu li.red a {
	color:#d23a5f;
	border-color:#d23a5f;
	}
#chromemenu li.green a {
	color:#69b022;
	border-color:#69b022;
	}
#chromemenu li.blue a {
	color:#009de0;
	border-color:#009de0;
	}



/**
 * Spécifique CCI
 */
body h1,
body .breadcrumbs,
body .breadcrumbs a,
body .category-submenu ul li a,
body #content .boxpost h2,
body #content .boxpost h2 a,
body .boxwidget h3 a {
	color:#009DE0 !important;
	}
#menu-liens_haut li a,
.rectangle_bleu,
body .rectangle .title,
body .category-submenu ul li a:hover {
	background-color:#009DE0 !important;
	}

body .boxpost-with-bg {
	background-color:#CFF1FF;
	}


/**
 * Univers
 */
body.univers-cherche h1,
body.univers-cherche .breadcrumbs,
body.univers-cherche .breadcrumbs a,
body.univers-cherche .category-submenu ul li a,
body.univers-cherche #content .boxpost h2,
body.univers-cherche #content .boxpost h2 a,
body.univers-cherche .boxwidget h3 a {
	color:#999 !important;
	}
body.univers-cherche .rectangle .title,
body.univers-cherche .category-submenu ul li a:hover {
	color:#ffffff !important;
	background-color:#999 !important;
	}

body.univers-cherche .boxpost-with-bg {
	background-color:#e9e9e9;
	}


body.univers-createurs h1,
body.univers-createurs .breadcrumbs,
body.univers-createurs .breadcrumbs a,
body.univers-createurs .category-submenu ul li a,
body.univers-createurs #content .boxpost h2,
body.univers-createurs #content .boxpost h2 a,
body.univers-createurs .boxwidget h3 a {
	color:#602181 !important;
	}
body.univers-createurs .rectangle .title,
body.univers-createurs .category-submenu ul li a:hover {
	color:#ffffff !important;
	background-color:#602181 !important;
	}

body.univers-createurs .boxpost-with-bg {
	background-color:#f0d4ff;
	}


body.univers-jeunes h1,
body.univers-jeunes .breadcrumbs,
body.univers-jeunes .breadcrumbs a,
body.univers-jeunes .category-submenu ul li a,
body.univers-jeunes #content .boxpost h2,
body.univers-jeunes #content .boxpost h2 a,
body.univers-jeunes .boxwidget h3 a {
	color:#F8AC00 !important;
	}
body.univers-jeunes .rectangle .title,
body.univers-jeunes .category-submenu ul li a:hover {
	color:#ffffff !important;
	background-color:#F8AC00 !important;
	}

body.univers-jeunes .boxpost-with-bg {
	background-color:#fff3d7;
	}
body.univers-jeunes .category-submenu ul li a {
	color:#d99600 !important;
	}


body.univers-entreprises h1,
body.univers-entreprises .breadcrumbs,
body.univers-entreprises .breadcrumbs a,
body.univers-entreprises .category-submenu ul li a,
body.univers-entreprises #content .boxpost h2,
body.univers-entreprises #content .boxpost h2 a,
body.univers-entreprises .boxwidget h3 a {
	color:#D23A5F !important;
	}
body.univers-entreprises .rectangle .title,
body.univers-entreprises .category-submenu ul li a:hover {
	color:#ffffff !important;
	background-color:#D23A5F !important;
	}

body.univers-entreprises .boxpost-with-bg {
	background-color:#ffd4de;
	}