/* --------------------------------------------------------
	Author:		Guilhem Soulas
	Website:	gs-consultant-internet.com
	Layout:		2 columns
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/*	Master Reset
/* -------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ol,ul, ul li, ol li{list-style:none;}
/* -------------------------------------------------------- */
/*	General styles
/* -------------------------------------------------------- */
html{
	font-size:100%;
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}
body{
	background:#fff url(../images/background0.png) center repeat-y;
	font-size:0.8em;
	width:100%;
	padding:0px;
	font-family:Arial;
	margin:0;
}
body.mceContentBody{
	background: #fff;
	background-image:none;
}
/*
h1, .h1like{
	font-size:1.4em;
	margin:1em 0em 0.8em;
	text-transform:uppercase;
	font-weight:normal;
	color:#626263;
}
h2{
	margin:1.3em 0em 1em;
	text-transform:uppercase;
	font-weight:normal;
	color:#62830d;
	font-size:1.25em;
}
h3{
	margin:1.2em 0em 0em;
	font-weight:bold;
	font-size:1.25em;
	color:#444;
}
*/
h1, h3{
	font-size:1.0em;
	margin:0 0 0.2em 0;
	font-weight:bold;
	color:#707173;
}
.title_margin{
	margin:1.4em 0em .4em;
}
h1, .h1like{
	font-size:1.35em;
	margin:1.4em 0em .4em;
	text-transform:none;
}
h2, .h2like{
	margin:1.4em 0em .4em;
	text-transform:uppercase;
	font-weight:bold;
	color:#707173;
	font-size:1.25em;
}
p			{ color:#333; margin:.4em 0em; }
strong 		{color:#626263;}
.green_text	{color:#83a52c;}
.bottom_em	{ margin-bottom:1em; }
.top_em 	{ margin:1em 0em; }
.bottom_px	{ margin-bottom:15px; }
.top_px		{ margin-top:15px; }
.top_ini	{ margin-top:18px; }
a, a:visited{ color:#626263; }
a:hover		{ text-decoration: none; }
li			{ margin-bottom:0.25em; }
abbr{
	border-bottom:dotted 1px;
	cursor:help;
}
div.lien-rubrique{
	background:#CCC;
	height:1.6em;
	line-height:1.6em;
	float:right;
	padding:0 3px 0;
}
div.lien-rubrique a {
	padding-left:2px;
	padding-right:2px;
	color:black;
	text-decoration:none;
}
div.lien-rubrique a:hover {
	text-decoration: underline;
}
div.lien-rubrique img {
	vertical-align: sub ;
	padding-right:2px;
	display:inline !important;
	display:none;
}
/* -------------------------------------------------------- */
/*	Website structure
/*	largeur totale = bordure gauche + contenu + bordure centrale + col droite + bordure droite
/*	994 = 17 + 1+x+1 + 17 + 1+254+1 + 17
/*	x = main width = 685 ou 686
/*	main margin right = 17 + 256 + 17 + 2 (à gauche)
/* -------------------------------------------------------- */
div#background1{
	background: url(../images/background1.png) center top no-repeat
}
div#background2{
	background: url(../images/background2.png) top center no-repeat
}
div#background3{
	background: url(../images/background3.png) center repeat-y
}
div#background4{
	height:14px;
	margin:auto;
	background: url(../images/background4.png) top center no-repeat
}
div#header{
	height:154px;
	background:#cacaca url(../images/green_line_menu.png) bottom repeat-x
}
div#global1 {  /* Conteneur de header et main_manu */
	width:994px;
	margin:auto;
}
div#global2 {  /* Conteneur du reste du site */
	width:994px;
	margin:auto;
	clear:left; /* car suit directement le main_menu */
	background:white;
}
div#global3 {  /* Conteneur du reste du site */
	width:994px;
	margin:auto;
	background:white;
}
div#main_column{
	margin-right:292px; /* valeur largeur colonne de droite + marge : 17 + 256 + 17 + 2 (= bordures reportées à gauche) */
	margin-left:17px;
}
div#right_column{
	position:relative;
	right:17px;
	float:right;
	width:256px;  /* valeur largeur colonne de droite, sans les borders */
}
hr.separator_clear{
	visibility:hidden;
	margin-bottom:20px;
	clear:both;
}

/* -------------------------------------------------------- */
/*	Header
/* -------------------------------------------------------- */
div#header img{
	position:relative;
	float:left;
}
/* -------------------------------------------------------- */
/*	Main menu
/* -------------------------------------------------------- */
ul.main_menu{
	margin-left:17px;
	font-size:15px;
	height:31px;
}
ul.main_menu li{
	padding:9px 0px 5px; /*  */
	float:left;
	margin:0px;
	background: url(../images/menu_separator.png) no-repeat;
	background-position: 100% 55%;
}
ul.main_menu li:hover{
	background-color:#9cbe43; /* #9cbe43 */
	color:white;
}
ul.main_menu li a, ul.main_menu li a:visited{
	padding:10px 15px 5px; /*  */
	margin:0px;
	text-decoration:none;
	color:black;
}
ul.main_menu li.active a, ul.main_menu li.active a:visited{
	color:white;
}
ul.main_menu li a:hover{
	color:white;
	background:#9cbe43; /* #9cbe43 */
}
ul.main_menu li.active{
	color:white;
	font-weight:bold;
	margin-bottom:-1px;
	background-color:#9cbe43; /* #9cbe43 */
	background-image:none;
}
ul.main_menu li.active a:hover{
	padding:8px 15px 5px;
}
ul.main_menu li.last{
	background-image:none;
}
/* -------------------------------------------------------- */
/*	Menu 2
/* -------------------------------------------------------- */
ul#menu2{
	margin-left:0px;
	xmargin-top:1px;
	padding:5px 0px 5px 5px; /* 6px 0px 6px */
	border: 1px solid #9cbe43;
	background-color:#e7f2c9;
	font-size:1em;
}
ul#menu2 li{
	display:inline;
	margin:0px;
	padding:5px 0px 5px;
}
ul#menu2 li a{
	padding:5px 8px 5px;
	margin:0px;
	text-decoration:none;
	color:#262626;
}
ul#menu2  li a:hover{
	text-decoration:underline;
	background:none;
}
ul#menu2 li.active{
	font-weight:bold;
}
/* -------------------------------------------------------- */
/*	Main column
/* -------------------------------------------------------- */
#main_column_content{ /* One per page */
	clear:left;
	border:1px solid #bababa;
	padding:1px 15px 0.4em; /* padding-top de 1px pour éviter la fusion des marges avec le contenu */
}
#main_column_content ul li{
	list-style-image:url(../images/list-style-green2.png);
	list-style-position:outside;
	margin-left:2em;
	margin-bottom:0.2em;
	float:none;
	display:list-item;
}
#main_column_content tr.in-3_tr ul li{
	margin-left:15px;
}
p.new_section{
	border-top:1px dashed #bababa;
	margin:2em 0em 0.7em;
}

/* 3 cols w/ table */
.in-3_layout{
	font-size:1em;
	padding:1em 0px 1.2em;
	margin:0px;
}
.in-3_table{
	vertical-align:top;
}
.in-3_tr{
	vertical-align:top;
}
.in-3_1 {
	width:33.33%;
	padding-right:15px;
	padding-left:0px;
	background: url(../images/cols-separator.png) right no-repeat;
}
.in-3_2 {
	width:33.33%;
	padding-left:15px;
	padding-right:15px;
}
.in-3_3 {
	width:33.33%;
	padding-left:15px;
	padding-right:5px;
	background:url(../images/cols-separator.png) left no-repeat
}

/* 2 cols without table */
/* 683 = 15*4 + 2 + 2*310.5 -4*2 */
#main_column_content div.in-2_1 ul, #main_column_content div.in-2_2 ul{
}
#main_column_content div.in-2_1 ul li, #main_column_content div.in-2_2 ul li{
	margin-left:15px;
	margin-top:8px;
}
#main_column_content div.in-2_1 ul li a, #main_column_content div.in-2_1 ul li a:visited, #main_column_content div.in-2_2 ul li img{
	color:black;
	background:none;
	text-decoration:none;
	border-bottom:none;
}
#main_column_content div.in-2_1 ul li a:hover, #main_column_content div.in-2_2 ul li img{
	text-decoration:underline;
}
#main_column_content div.in-2_1 ul li img, #main_column_content div.in-2_2 ul li img{
	position:relative;
	bottom:-2px
}
#main_column_content div.in-2_1 ul li em, #main_column_content div.in-2_2 ul li em{
	color:#444;
}
div.in-2_1{
	margin-left:-4px;
	width:310px;
	float:left;
	xbackground:#FFC;
}
div.in-2_2{
	margin-right:-4px;
	width:310px;
	float:right;
	xbackground:#CCF;
}
div.in-2_separator{
	xbackground:#CCC;
	width:41px;
	xheight:70px;
	float:left;
}

div.in-2_1-profil{
	margin-left:-4px;
	width:280px;
	float:left;
	xbackground:#FFC;
}
#main_column_content div.in-2_1-profil ul li{
	margin-left:1.2em;
	margin-top:0.8em;
}
div.in-2_2-profil{
	margin-right:-4px;
	width:340px;
	float:right;
	xbackground:#CCF;
}
#main_column_content div.in-2_2-profil ul li{
	margin-left:1.2em;
	margin-top:0.4em;
}
div.in-2_separator-profil{
	margin-top:1.4em;
	xbackground:#CCC;
	border-right:#CCC solid 1px;
	width:15px;
	height:260px;
	float:left;
}

h3.col-header{
	background:#CCC;
	margin:0;
	color:#666;
	text-transform:uppercase;
	padding:3px 6px 2px 8px;
	font-size:0.98em;
	xfont-weight:normal;
}
div#graphs_container{
	background:#707173;
	border:1px solid #bababa;
	border-left:none;
	border-right:none;
	margin:0px -15px;
	padding:0px;
	padding-left:1px;
}
table#graphs_table{
	width:99.6%;
	height:159px;
}
/* -------------------------------------------------------- */
/*	Right column (inside the div)
/* -------------------------------------------------------- */
.box_container a, .box_container a:visited{
	color:#626263;
	text-decoration:none;
}
.box_container  a:hover{
	color:#626263;
	text-decoration:underline;
	background:none;
}
.box_container{
	/* border-bottom:1px solid #9cbe43; */
}
.box_header{
	xpadding:0.3em 0px 0.3em;
	height:28px;
	line-height:28px;
	font-size:1.1em;
	xborder-top:1px solid #9cbe43;
	xborder-bottom:1px solid #9cbe43;
	xborder-right: 1px solid #bababa;
	xborder-left: 1px solid #bababa;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	background:url(../images/right-box-header.png);
	color:#707173;
	text-shadow: 0px 0px 4px #FFF;
}
.box_content{
	padding:5px 5px 0px;
	border-right: 1px solid #bababa;
	border-left: 1px solid #bababa;
	border-bottom: 1px solid #9db855;
}
#box-content-last-projects{
	border-bottom:none;
}
#box_profil{
	xborder-bottom:1px solid #bababa;
	font-size:0.9em;
	line-height:1.75em;
	padding-left:6px;
	padding-top:6px; 
	padding-bottom:8px;
}
#box_profil p{
	margin:0px;
}
.slider_margin_top1{
	margin-top:0.5em;
}
.slider_margin_top2{
	margin-top:0.2em;
}
.slider_margin_top3{
	margin-top:0.8em;
}
div#slider .inside_box{
	font-size:0.9em;
	margin-bottom:15px;
	height:305px;
}
div#slider .inside_box h6{
	color:#707173;
}
div#slider .inside_box a{
	color:#626263;
	text-decoration:none;
}
div#slider .inside_box a:hover{
	text-decoration:underline;
	background:none;
}
div#slider .inside_box a img:hover{
	opacity:0.9;
}
div#right_column .inside_box ul li{
	list-style-image:url(../images/list-style-green2.png);
	list-style-position:outside;
	margin-left:15px;
	float:none;
	display:list-item;
}
.box_pagination{
	font-size:1.2em;
	padding-left:16px;
	border-top: 2px solid #9cbe43;
	border-bottom:1px solid #bababa;
	border-right: 1px solid #bababa;
	border-left: 1px solid #bababa;
}
/* -------------------------------------------------------- */
/*	footer
/* -------------------------------------------------------- */
p#footer1, p#footer2{
	text-align:center;
	margin:0.4em 0em;
}
p#footer1 a, p#footer2 a{
	text-align:center;
	color:black;
	text-decoration:none;
}
p#footer1 a:hover, p#footer2 a:hover{
	text-decoration:underline;
	background:none;
}
p#footer1{
	font-size:0.85em;
	color:black;
}
p#footer2{
	font-size:0.8em;
	margin-bottom:0em;
	padding-bottom:0.7em; /* !fusion de marges */
}
/* -------------------------------------------------------- */
/*	effects
/* -------------------------------------------------------- */
.ombrage { 
	-moz-box-shadow:1px 1px 3px #aaa;  
	-webkit-box-shadow: 1px 1px 3px #aaa;  
	box-shadow:1px 1px 3px #aaa;  
}
/* -------------------------------------------------------- */
/*	Contact form, Jot form
/* -------------------------------------------------------- */
.bottom_form{
	margin-bottom:8px;
}
.top_form{
	margin-top:8px;
}
form.contact_form label, form.contact_form input, form.contact_form select, form.contact_form button, form.contact_form textarea, form.contact_form p, form.contact_form img{
	display:block;
}
form.contact_form input.radio_input, form.contact_form label.radio_label{
	display:inline;
}
form.contact_form label, form.jot-form label{
	margin-left:2px;
	margin-bottom:2px;
}
form.contact_form input[type=submit], form.contact_form input[type=text], form.contact_form textarea,
form.jot-form input[type=submit], form.jot-form input[type=text], form.jot-form textarea {
	border:#bababa solid 1px;
}
form.contact_form input[type=text]:hover, form.contact_form input[type=text]:focus, form.contact_form textarea:hover, form.contact_form textarea:focus,
form.jot-form input[type=text]:hover, form.jot-form input[type=text]:focus, form.jot-form textarea:hover, form.jot-form textarea:focus {
	background:#e7f2c9;
}
form.contact_form input[type=submit]:hover, form.contact_form input[type=text]:focus, form.contact_form textarea:focus,
form.jot-form input[type=submit]:hover, form.jot-form input[type=text]:focus, form.jot-form textarea:focus {
	border:#777 solid 1px;
}
div.errors{
	border:red solid 1px;
	padding:5px;
	margin-top:0em;
	color:red;
	margin-bottom:1em;
}
div.ok-green{
	border:#62830d solid 1px;
	padding:5px;
	margin-top:0em;
	color:#62830d;
	margin-bottom:1em;
}
.required_red{
	color:red;
}