/*****Reset*****/

/*****Basic Definitions*****/
*{margin:0;padding:0;}
body { color: black; font: 12px Verdana, Helvetica, Arial, sans-serif; }
html{height:100%;margin-bottom:0px;}
img{border:none;}


/***** layout mise en page style *****/
h5, h6 { font-size: 1em; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 36px; }
body{font-family:Arial, Helvetica, sans-serif;line-height:20px;margin:0px 0px 0px 0px;/*color:#006383;*/}
p{text-indent:0px;margin:5px 0px 5px 0px;padding:2px;}
p,h1,h2,h3{font-weight:normal;font-family:Arial, Helvetica, sans-serif;color:black;}
h2{font-size:20px;}
h3{font-size:16px;}
h1{font-size:40px;font-weight:bold;font-family:Lucida Sans,sans-serif;color:black;}
h4{padding-top:5px;font-size:100%;color:orange;}
a:link, a:visited{color:black;font-weight:normal;text-decoration:underline;}
a:hover{text-decoration:none;}
ul{margin:0px;padding:0px;list-style:square;}
li{margin-left:20px;text-align:left;}
fieldset{border:solid 1px #d7e7ec;padding:10px;text-align:left;margin-bottom:10px;}
fieldset label{font-size:0.9em;}
hr{display:block;height:10px;background-color:#e3e3e3;clear:both;border:none}
a.pathway:link, a.pathway:visited{color:black;font-weight:bold;text-decoration:none;}
a.pathway:hover{text-decoration:underline;}


/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.clearfix{display:inline-table;}

/****template de base ***/
#all{background:url(../images/default/bg_top.gif) top left repeat-x;}
#logo{float:left;text-align:left;margin-top:7px;}
#logo img{padding-top:30px;padding-bottom:20px;border:0px;}
#icons{float:left;width:18%;padding-left:21px;margin-top:30px;margin-bottom:20px;}
#topmenu{clear:both;width:100%;background:#019fd5;height:39px;margin:0}
#path_fonts{width:100%;border-top:1px solid #d6e6eb;border-bottom:1px solid #d6e6eb;padding:12px 0px 12px 0px;}
#path{float:left;width:60%;color:#878888;padding-left:7px;}
#path span{color:#006383;}
#path img{margin:0px 5px 0px 5px;border:0px;}
#footer{width:100%;border-top:3px solid #56ac2a;padding:10px 0px 10px 0px;}
#xhtml_css{float:left;width:50%;}
#contener{width:100%;padding:15px 0px 15px 0px;}
#sidebar,#sidebar-2{float:left;width:22%;overflow:hidden;position:relative;}
#content60{float:left;width:56%;overflow:hidden;position:relative;}
#content80{float:left;width:733px;overflow:hidden;position:relative;}
#content100{float:left;width:943px;overflow:hidden;position:relative;}
#content80 .inside{padding:0px 10px 0px 10px;width:699px;margin-left:12px;padding-top:55px;}
#content100 .inside{padding:10px;width:920px;padding-top:55px;}
#content100 #flexicontent{width:918px;}
#sidebar ul,#sidebar-2 ul{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#sidebar ul li{list-style:none;border-top:solid 1px #d7e7ec;margin:0px 0px 0px 0;padding:0px 0px 0px 9px;line-height:14px;}
#sidebar-2 ul li{list-style:none;border-top:solid 0px #d7e7ec;margin:0px 0px 0px 0;padding:0px 0px 0px 9px;line-height:14px;}
#sidebar ul li a:link,#sidebar ul li a:visited,#sidebar-2 ul li a:link,#sidebar-2 ul li a:visited{display:block;padding:4px 2px 4px 10px;text-decoration:none;background:url(../images/default/bg_alink.png) left no-repeat;color:#56ac2a;font-family:Arial, Helvetica, sans-serif;font-weight:normal;vertical-align:top;line-height:14px;}
#sidebar ul li a:hover,#sidebar-2 ul li a:hover{text-decoration:underline;}
#sidebar ul li ul,#sidebar-2 ul li ul{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#sidebar ul li ul li,#sidebar-2 ul li ul li{list-style:none;border-bottom:solid 0px #d7e7ec;margin:0px 0px 0px 0px;padding:0px 0px 0px 1px;line-height:1.3em;}
#sidebar ul li ul li a:link,#sidebar ul li ul li a:visited,#sidebar-2 ul li ul li a:link,#sidebar-2 ul li ul li a:visited{display:block;padding:2px 2px 2px 10px;text-decoration:none;background:none;color:#006383;font-size:0.9em;line-height:1.3em;font-family:Arial, Helvetica, sans-serif;font-weight:bold;vertical-align:top;}
#sidebar ul li ul li a:hover,#sidebar-2 ul li ul li a:hover{text-decoration:underline;}
#sidebar form ul, #sidebar-2 form ul{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#sidebar form ul li, #sidebar-2 form ul li{list-style:none;border-top:solid 0px #d7e7ec;margin:0px 0px 0px 0;padding:0px 0px 0px 9px;}
#sidebar form ul li a:link,#sidebar-2 form ul li a:link,#sidebar form ul li a:visited, #sidebar-2 form ul li a:visited{display:block;padding:4px 2px 4px 10px;text-decoration:none;background:url(../images/default/bg_alink_green.png) left no-repeat;color:#56ac2a;font-family:Arial, Helvetica, sans-serif;font-weight:normal;vertical-align:top;line-height:14px;}
#sidebar form ul li a:hover,#sidebar-2 form ul li a:hover{text-decoration:underline;}
form{margin:0;padding:0;}
#header-zone{height:515px;}
#menu-zone{height:55px;background:#3c3c3e;}
#maximenuCK{padding-left:250px;}
#header-zone1{height:328px;background:#6cbcd9;}
#header-zone2{height:133px;background:url(../images/header_02.jpg) top center repeat-x;}
body{background:white url(../images/bg_avelook.jpg) top left repeat-x;height:100%;}
#zone-centrale{width:1050px;margin:auto;margin-top:-515px;position:relative;text-align:left;}
#menu-header{}
#font-header{background:url(../images/header_01.jpg) top left no-repeat;height:328px;margin-top:-17px;left:0px;}
#crayon{background:url(../images/crayon.png) top left no-repeat;height:255px;width:87px;position:absolute;top:227px;display:block;left:961px;}
#page {position:absolute;top:220px;display:block;left:20px;width:943px;text-align:left;}
#breadcrumbs{font-size:10px;font-weight:normal;height:20px;padding:5px;padding-left:10px;background:#f3f3f3;/*height:34px;position:absolute;top:0px;display:block;left:0px;width:97%;background:#d6d6d6;-webkit-border-top-left-radius: 8px;-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;padding-left:22px;padding-top:5px;*/}
#content100 #breadcrumbs{width:98%;padding-left:19px;}
#slideshow{width:647px;height:399px;float:right;position:relative;display:block;margin-top:-10px;}
#user3{width:216px;height:210px;position:relative;display:block;background: url(../images/bloc_vert.png) top left no-repeat;float:left;margin-top:32px;}
#slideshow-bottom{width:647px;height:65px;position:relative;display:block;background: url(../images/slideshow.png) bottom left no-repeat;z-index:80;margin-top:-48px;}
.moduletable-blocVert{margin-top:120px;}
.moduletable-blocVert a:link,.moduletable-blocVert a:visited{margin-left:70px;color:white;font-size:13px;}
.moduletableslideshow{width:647px;height:346px;position:relative;z-index:50;}
#user2{width:257px;margin-top:-30px;float:left;position:relative;font-size:11px;padding:1px;color:black;}
.inside,#sidebar{background:white;border:#dddddd 1px solid;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;position:relative;}
#logo{width:204;height:56px;position:absolute;top:-169px;left:20px;}
#baseline{position:absolute;top:-79px;left:20px;font-size:11px;color:black;font-weight:bold;}
#user4{clear:both; border-bottom:#4b4b4b 1px solid ;text-align:left;height:44px;width:100%;}
#home-centre{border-top:white 1px solid ;text-align:left;height:44px;width:100%;}

/*****Basic Layout*****/
.moduletable-sousBaseline h2{font-size:16px;font-weight:bold;color:#4b4b4b;}
#pagination_top.pagination{border:none;padding:1px;color:black;margin-top:-45px;margin-left:300px;}
#pagination_top.pagination a {text-decoration: none;border: none;	color: black;}
#pagination_top.pagination a, #pagination_top.pagination span {display: block;float: left;padding: 0.3em 0.5em;margin-right: 5px;margin-bottom: 5px;}
#pagination_top.pagination .current {background: none;color: black;border: none;}
#pagination_top.pagination .current.prev,#pagination_top.pagination .current.next{background:none;color: black;}
.blue{color:#acd9ea;}


/***************************************/
/***** menu *****/
ul.menu-topmenu{padding:0px;margin:0px; list-style-type:none;}
.menu-topmenu li{float:left; /*pour IE*/}
.menu-topmenu a:link,.menu-topmenu a:visited{display:block; float:left;width:100px;color:#DCDCDC;text-decoration:none; text-align:center;line-height:39px;}
.menu-topmenu a:hover{color:#56ac2a;text-decoration:underline;}
.horizontal{clear:both;}
.horizontal br{clear:both;}
.horizontal ul{margin:0px;padding:0px;display:block;float:left;clear:both;}
.horizontal li{list-style-type:none;display:block;float:left;clear:none;text-align:left;position:static;}
.horizontal a{clear:both;display:block;margin:0px;}
a.mainlevel:link, a.mainlevel:visited{display:block;padding:4px 2px 4px 10px;margin-left:10px;text-decoration:none;border-top:solid 1px #d7e7ec;background:url(../images/default/bg_alink.png) left no-repeat;color:#006383;font-family:Arial, Helvetica, sans-serif;font-weight:normal;vertical-align:top;line-height:14px;}
a.mainlevel:hover,#active_menu{text-decoration:underline;}

/********************/
/****** layout page et divers ****/
.componentheading, .contentheading{font-weight:normal;font-family:Arial, Helvetica, sans-serif;font-size:2.2em;color:#006383;text-indent:0px;padding:20px 0px 20px 0px;line-height:16px;text-align:left;}
.inputbox{border:1px solid #d6e6eb;font-size:11px;line-height:11px;font-weight:normal;color:#5c5d5d;background:#edf4f6;margin:0px 0px 3px 0px;padding:2px 0px 2px 4px;vertical-align:middle;}
.button{border:0px;background:#006383;color:#ffffff;font-size:11px;font-weight:bold;margin:5px 0px 3px 0px;padding:3px;vertical-align:middle;}
.small{line-height:15px;font-size:0.9em;color:#56ac2a;font-weight:normal;padding:0px 0px 0px 0px;}
.createdate,.createdby{text-align:left;line-height:15px;font-size:0.9em;color:#56ac2a;font-weight:normal;padding:0px 0px 10px 0px;}
.blog_more ul li{list-style:none;padding-left:14px;line-height:20px;}
.blog_more{text-decoration:none;font-weight:bold;font-size:0.9em;}
a.readon:link, a.readon:visited{background:url(../images/default/default/bg_readon.gif) left no-repeat;line-height:20px;padding:0px 0px 0px 15px;margin:0px;text-decoration:none;font-size:0.9em;color:#56ac2a;font-weight:bold;text-align:left;}
a.readon:hover{text-decoration:underline;}
.article_separator{border:solid 1px #333333;display:none;margin:0px 0 0px 0;}
.blog{padding:0;}
.cols2{width:45%;}
.column1 , .column2{border:solid 0px #D4A7C5;margin:0 5px 0 0;position:relative;}
.column2 , .column1{float:left;margin:0;}
.column2{float:right;margin:0;width:45%;}
.article_row{margin:0px 0 0px 0;padding:0;overflow:hidden;}
.article_column{border:solid 0px #ccc;padding:10px 10px 10px 0;}
.pagination{border-top:solid 1px #CCC;padding-left:10px;}
ul.pagination{list-style-type:none;margin:0;padding:0;text-align:left;}
ul.pagination li{display:inline;padding:2px 5px 0;text-align:left;}
ul.pagination li a{padding:2px;}
.moduletable h3, .moduletable_menu h3{color:black;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-align:left;line-height:30px;padding-left:15px;padding-top:5px;background:#d6d6d6;display:block;height:34px;}
.moduletable, .moduletable_menu{background:none;margin:0px 0px 15px 0px;padding:0px 0px 0px 0px;border:none;}
#sidebar .moduletable a:active,#sidebar .moduletable a:hover{color:orange;}
#sidebar .moduletable a:link,#sidebar .moduletable a:visited,#sidebar .moduletable span{color:black;}
#sidebar .active span{color:orange;}
.moduletable form{margin:10px 9px 10px 9px;padding:0px;}
#mod_login_username ,#mod_login_password{display:block;}

/***** google map *****/
#gmap_gmap0 span {display: none}
#gmap_gmap0 a{display:none}

/******* formulaire aicontactsafe *****/
/* modify the width to fit all the labels */
div#aiContactSafe_mainbody_1 div.aiContactSafe_contact_form_field_label_left {	width:80px;}
#aics_name, #aics_email,#aics_phone ,#aics_subject{width:240px;background:#edf4f6;height:18px;border:solid 1px #d7e7ec;padding:4px;}
#aics_subject{width:280px;}
textarea#aics_message {width:280px;height:100px;background:#edf4f6;border:solid 1px #d7e7ec;padding:4px;}
/* set the way labels and fields are displayed */
div#aiContactSafe_mainbody_1 div.aiContactSafe_row {	clear:both;	padding:10px 0px;}
div#aiContactSafe_mainbody_1 div.aiContactSafe_contact_form_field_label_left {	float:left;}
div#aiContactSafe_mainbody_1 div.aiContactSafe_contact_form_field_right {	float:left;}
div#aiContactSafe_mainbody_1 div.aiContactSafe_contact_form_field_label_right {	float:left;padding-left:10px;}
div#aiContactSafe_mainbody_1 div.aiContactSafe_contact_form_field_left {	float:left;}

/* set the space between the notification for the required fields to the contact form */
div#aiContactSafe_mainbody_1 div#aiContactSafe_info {	margin-bottom:10px;	color:red;}

/* set the div containing the captcha */
div#aiContactSafe_mainbody_1 div#div_captcha {	clear:both;	margin:5px 0px;	padding-top:10px;}
div#aiContactSafe_mainbody_1 div#div_captcha_info {	margin-bottom:5px;}

/* set the way the text counting the characters in the edit box */
div#aiContactSafe_mainbody_1 div.countdown_div {	font-size:9px;}
div#aiContactSafe_mainbody_1 input.countdown_editbox {	font-size:9px;	text-align:center;	border:none;	overflow:visible;	background:transparent;}

/* set the cells containig the contact form and the contact information */
div#aiContactSafe_mainbody_1 table#aiContactSafeForm td, div#aiContactSafe_mainbody_1 div#aiContactSafeForm {	padding:8px;	vertical-align:top;}

/* modify the cursor of the labels to let the user know they can click on them */
div#aiContactSafe_mainbody_1 label {	cursor:pointer;}
/* set the label tag containing the character that marks the required fields */
div#aiContactSafe_mainbody_1 label.required_field {	text-align:left;	vertical-align:top;	color:red;}

/* hide the hidden rows */
div#aiContactSafe_mainbody_1 div.aiContactSafe_row_hidden {	display:none;}

/* make the buttons higher */
div#aiContactSafe_mainbody_1 div#aiContactSafeBtns input {	padding:5px;	margin:0px;}

/* set the way the date is displayed */
div#aiContactSafe_mainbody_1 table.aiContactSafe_date td {	padding:0px 0px 0px 0px;	vertical-align:middle;}
div#aiContactSafe_mainbody_1 table.aiContactSafe_date td select {	margin:0px 2px 0px 0px;}

/* set the space between field sufix and the field and between the field prefix and the field */
div#aiContactSafe_mainbody_1 span.aiContactSafe_sufix {	margin-right:3px;}
div#aiContactSafe_mainbody_1 span.aiContactSafe_prefix {	margin-left:3px;}
/* Portfolio Filter Stylesheet */
div#container { margin: 20px auto 0; overflow: hidden; width: 100%; }
ul#filter { float: left; font-size: 16px; margin-left: 0; width: 100%;height:52px;background:url(../images/filtre.png) top left no-repeat;padding-left:10px;}
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;margin-top:5px;
	line-height: 16px;
	margin-right: 5px;
	margin-left: 5px;
	padding-right: 10px;
	list-style:none;height:32px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none;top:7px;position:relative;display:block; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }
ul#portfolio { float: left;margin-left: 0; width: 100%; }
ul#portfolio a {display: block; width: 100%;}
ul#portfolio a:hover {text-decoration: none;}
ul#portfolio img {position:absolute;left:8px;top:7px;width:198px;height:120px;display: block; border: 1px solid #dedede;/*padding-bottom: 5px;*/}
.pf-vignette{width:216px;height:140px;background:url(../images/vignette_bg.jpg) no-repeat;padding-top:10px;position:relative;}
#portfolio .pf-vignette>a:active,#portfolio .pf-vignette>a:link,#portfolio .pf-vignette>a:visited,#portfolio .pf-vignette>a:hover{text-decoration:none;border:none;}
.pf-realisation{
	position:relative;
	z-index:1;
	overflow:hidden;
	width:198px;
    height:100%;
    margin:0 auto;
}
.hover {
    width:198px;
    display:block;
    height:20%;
    position:absolute;
    z-index:3;
    padding-left:25px;
	bottom:10px;
    left:0;
}
 
.overlay{
    background-color:#000;
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:202px;
    height:40%;
    z-index:2;
	opacity:0.5;
}

.pf-client{text-transform:uppercase;font-size:13px;color:#353535;font-weight:bold;padding-top:5px;padding-bottom:6px;}
.pf-soustitre{font-size:13px;color:#999;padding-bottom: 6px;}
.pf-categorie{width:52px;height:28px;display:block;float:left;color:white;/* text-transform:uppercase; */font-weight:bold;padding-left:9px;padding-top:2px;}
.pf-categorie.WEB{background:url(../images/languette_web.jpg) no-repeat;}
.pf-categorie.PRINT{background:url(../images/languette_print.jpg) no-repeat;}
.pf-categorie.VIDEO{background:url(../images/languette_video.jpg) no-repeat;}
.pagination>a:active,.pagination>a:link,.pagination>a:visited,.pagination>a:hover{text-decoration:none;border:none;}
#Pagination{background:url(../images/page_selector.jpg) no-repeat;width:125px;height:47px;padding-top:7px;padding-left:48px;}
ul#portfolio li { 
	width:216px;
	float: left; 
	margin: 0 10px 10px 0; 
	padding: 1px;
	position:relative;
	list-style:none;
}