/*
  Theme Name: GROUPE AART
  Author: Agence Thuria
  Author URI: http://www.thuria.com
  Description: Thème WordPress Multisite pour les sites du GROUPE ARRT
  Version: 1.0
*/

/* -- Reset Css
-------------------------------------------------------------- */
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, 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;font-family: Arial, Helvetica, sans-serif;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a:active, a:focus, input:focus, textarea:focus {outline: none;	}

/* new clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* -- Web Font
-------------------------------------------------------------- */


@font-face {
    font-family: Ubuntu;
    src: url('fonts/new-fonts/ubuntu-regular-webfont.eot');
    src: url('fonts/new-fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/new-fonts/ubuntu-regular-webfont.svg') format('svg'),
    url('fonts/new-fonts/ubuntu-regular-webfont.woff') format('woff'),
    url('fonts/new-fonts/ubuntu-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: UbuntuLight;
    src: url('fonts/new-fonts/ubuntu-light-webfont.eot');
    src: url('fonts/new-fonts/ubuntu-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/new-fonts/ubuntu-light-webfont.svg') format('svg'),
    url('fonts/new-fonts/ubuntu-light-webfont.woff') format('woff'),
    url('fonts/new-fonts/ubuntu-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: UbuntuLightItalic;
    src: url('fonts/new-fonts/ubuntu-lightitalic-webfont.eot');
    src: url('fonts/new-fonts/ubuntu-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/new-fonts/ubuntu-lightitalic-webfont.svg') format('svg'),
    url('fonts/new-fonts/ubuntu-lightitalic-webfont.woff') format('woff'),
    url('fonts/new-fonts/ubuntu-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: UbuntuBold;
    src: url('fonts/new-fonts/ubuntu-bold-webfont.eot');
    src: url('fonts/new-fonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/new-fonts/ubuntu-bold-webfont.svg') format('svg'),
    url('fonts/new-fonts/ubuntu-bold-webfont.woff') format('woff'),
    url('fonts/new-fonts/ubuntu-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: UbuntuItalic;
    src: url('fonts/new-fonts/ubuntu-italic-webfont.eot');
    src: url('fonts/new-fonts/ubuntu-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/new-fonts/ubuntu-italic-webfont.svg') format('svg'),
    url('fonts/new-fonts/ubuntu-italic-webfont.woff') format('woff'),
    url('fonts/new-fonts/ubuntu-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: UbuntuBoldItalic;
    src: url('fonts/new-fonts/ubuntu-bolditalic-webfont.eot');
    src: url('fonts/new-fonts/ubuntu-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/new-fonts/ubuntu-bolditalic-webfont.svg') format('svg'),
    url('fonts/new-fonts/ubuntu-bolditalic-webfont.woff') format('woff'),
    url('fonts/new-fonts/ubuntu-bolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: UbuntuMedium;
    src: url('fonts/new-fonts/ubuntu-medium-webfont.eot');
    src: url('fonts/new-fonts/ubuntu-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/new-fonts/ubuntu-medium-webfont.svg') format('svg'),
    url('fonts/new-fonts/ubuntu-medium-webfont.woff') format('woff'),
    url('fonts/new-fonts/ubuntu-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: UbuntuMediumItalic;
    src: url('fonts/new-fonts/ubuntu-mediumitalic-webfont.eot');
    src: url('fonts/new-fonts/ubuntu-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/new-fonts/ubuntu-mediumitalic-webfont.svg') format('svg'),
    url('fonts/new-fonts/ubuntu-mediumitalic-webfont.woff') format('woff'),
    url('fonts/new-fonts/ubuntu-mediumitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



.font-ubuntu-light {	
	font-family: UbuntuLight;
	font-weight: normal;
	font-size: 25px;
	line-height: 35px;
	color: #424242;
	opacity: 0.99;
}

.font-ubuntu-regular {	
	font-family: Ubuntu;
	font-weight: normal;
	font-size: 25px;
	line-height: 35px;
	color: #424242;
	opacity: 0.99;
}

.font-ubuntu-medium {	
	font-family: UbuntuMedium;
	font-weight: normal;
	font-size: 25px;
	line-height: 35px;
	color: #424242;
	opacity: 0.99;
}

.font-ubuntu-bold {	
	font-family: UbuntuBold;
	font-weight: normal;
	font-size: 25px;
	line-height: 35px;
	color: #424242;
	opacity: 0.99;
}

.size-10 { font-size: 10px; line-height: 24px; }
.size-10_15 { font-size: 10px; line-height: 15px; }
.size-11 { font-size: 11px; line-height: 18px; }
.size-11_12 { font-size: 11px; line-height: 12px; }
.size-11_25 { font-size: 11px; line-height: 25px; }
.size-11_30 { font-size: 11px; line-height: 45px; }
.size-11_45 { font-size: 11px; line-height: 45px; }
.size-11_50 { font-size: 11px; line-height: 50px; }
.size-12_12 { font-size: 12px; line-height: 12px; }
.size-12_15 { font-size: 12px; line-height: 15px; }
.size-12_24 { font-size: 12px; line-height: 24px; }
.size-12_25 { font-size: 12px; line-height: 25px; }
.size-13 { font-size: 13px; line-height: 16px; }
.size-13_18 { font-size: 13px; line-height: 18px; }
.size-13_20 { font-size: 13px; line-height: 21px; }
.size-13_21 { font-size: 13px; line-height: 21px; }
.size-13_22 { font-size: 13px; line-height: 22px; }
.size-13_44 { font-size: 13px; line-height: 44px; }
.size-13_40 { font-size: 13px; line-height: 40px; }
.size-14_15 { font-size: 14px; line-height: 15px; }
.size-14_18 { font-size: 14px; line-height: 18px; }
.size-14_25 { font-size: 14px; line-height: 25px; }
.size-15 { font-size: 15px; line-height: 25px; }
.size-15_20 { font-size: 15px; line-height: 20px; }
.size-15_23 { font-size: 15px; line-height: 23px; }
.size-15_24 { font-size: 15px; line-height: 24px; }
.size-16 { font-size: 16px; line-height: 30px; }
.size-16_19 { font-size: 13px; line-height: 18px; }
.size-16_22 { font-size: 16px; line-height: 22px; }
.size-17_20 { font-size: 16px; line-height: 20px; }
.size-17_22 { font-size: 16px; line-height: 22px; }
.size-17_25 { font-size: 16px; line-height: 25px; }
.size-18_18 { font-size: 18px; line-height: 18px; }
.size-18_20 { font-size: 18px; line-height: 18px; }
.size-18_22 { font-size: 18px; line-height: 22px; }
.size-18_24 { font-size: 18px; line-height: 24px; }
.size-18_27 { font-size: 18px; line-height: 27px; }
.size-18_30 { font-size: 18px; line-height: 30px; }
.size-19_22 { font-size: 19px; line-height: 22px; }
.size-18 { font-size: 18px; line-height: 25px; }
.size-19 { font-size: 19px; line-height: 25px; }
.size-20 { font-size: 20px; line-height: 30px; }
.size-22_24 { font-size: 22px; line-height: 24px; }
.size-24_25 { font-size: 24px; line-height: 25px; }
.size-24_30 { font-size: 24px; line-height: 30px; }
.size-26_27 { font-size: 26px; line-height: 27px; }
.size-26_30 { font-size: 26px; line-height: 30px; }
.size-28_28 { font-size: 28px; line-height: 28px; }
.size-28_30 { font-size: 28px; line-height: 30px; }
.size-28_33 { font-size: 28px; line-height: 33px; }
.size-30_30 { font-size: 30px; line-height: 30px; }
.size-30_33 { font-size: 30px; line-height: 33px; }
.size-30_40 { font-size: 30px; line-height: 40px; }
.size-38 { font-size: 38px; line-height: 43px; }
.size-40 { font-size: 40px; line-height: 43px; }

.black { color: #000; }
.white { color: #fff; }
.green { color: #41743b; } .green2 { color: #569849; }
.blue { color: #287cab; } .blue2 { color: #4a86b8; }
.grey { color: #424242; } .grey-light { color: #5b5b5b; } .grey-light2 { color: #e6e6e6; } .grey-light3 { color: #414141; } .grey-light4 { color: #555554; } .grey-light5 { color: #404040; } .grey-light6 { color: #343434; } .grey-light7 { color: #d2d2d2; } .grey-light8 { color: #3f3f3f; }

.uppercase { text-transform: uppercase; }
.underline { text-decoration: underline; }


/* -- Styles des Titre du site
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px; padding: 0px 0px;	
	font-family: Ubuntu;
	font-weight: normal;
	font-size: 25px;
	line-height: 35px;
	color: #424242;
	opacity: 0.99;
}

#colophon-top h4 { float: right; }
h3.gform_title, #inner-overlay-priv h3 { font-family: UbuntuLight !important; font-weight: normal; font-size: 24px; line-height: 28px; opacity: 0.99; margin: 20px 30px 10px 30px; }
#inner-overlay-priv h4, #inner-overlay-priv h4 a { font-family: UbuntuLight !important; font-weight: normal; font-size: 17px; line-height: 18px; opacity: 0.99; margin: 10px 0px; }

#Warning {
	position: fixed;
	top: 40%; left: 50%;
	margin-left: -300px; padding: 15px;
	width: 600px;
	background-color: #fff;
	z-index: 9999;
	-webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.4);
}

#Warning p {
	font-size: 15px;
	margin: 10px 0px;
}

/* -- Style des liens et icon
-------------------------------------------------------------- */
a:link, a:visited, a:hover, a:active { text-decoration: none; margin: 0px 0px; padding: 0px 0px; }

a.boutton{ display: block;position: relative; margin: 0px 0px; padding: 0px 0px; 
width: 45px; height: 45px; float: left; background: url('images/strip.png') no-repeat; cursor: pointer; }

.boutton-wrapper a.boutton { display: block; position: relative; margin: 0px 0px !important; padding: 0px 0px; 
width: 45px; height: 45px; float: none; background: url('images/strip.png') no-repeat; cursor: pointer; }

.icon-date{ position: absolute; top: 0px; left: 30px; margin: 0px 0px; padding: 0px 0px; width: 45px; height: 45px; background: url('images/strip-2.png') no-repeat -4px -2px; cursor: pointer; }
.icon-lieu{ position: absolute; top: 0px; left: 30px; margin: 0px 0px; padding: 0px 0px; width: 45px; height: 45px; background: url('images/strip-2.png') no-repeat -61px -2px; cursor: pointer; }
.icon-currentli{ position: absolute; bottom: 0px; left: 50%; margin: 0px 0px 0px -26px; padding: 0px 0px; width: 45px; height: 45px; background: url('images/strip-2.png') no-repeat 0px -45px; cursor: pointer; z-index: 10; display: none; }
.licur .icon-currentli{ display: block; }

a.boutton.bt-home{ background-position: -7px -120px; } a.boutton.bt-home:hover{ background-position: -64px -120px; }
a.boutton.bt-pdf{ background-position: -9px -13px; } a.boutton.bt-pdf:hover{ background-position: -66px -13px; }
a.boutton.bt-print{ background-position: -9px -71px; } a.boutton.bt-print:hover{ background-position: -66px -71px; }
a.boutton.bt-mail{ background-position: -66px -297px; } a.boutton.bt-mail:hover{ background-position: -123px -297px; }
a.boutton.bt-prev{ background-position: -290px -400px; }
a.boutton.bt-next{ background-position: -290px -457px; }
a.boutton.bt-user{ background-position: -4px -288px; }
a.boutton.bt-arrow{ background-position: -4px -174px; }

.gform_body ul li.file-upload .gfield_label { background: url('images/file-upload.png') no-repeat -10px -13px; cursor: pointer; padding: 6px 0px 3px 40px; }

.pagination.num div.boutton.bt-prev{ display: block; top: 0px !important; left: 0px !important; margin: 0px 5px; padding: 0px 0px; 
width: 45px !important; height: 45px !important; float: left; background: url('images/strip.png') no-repeat -290px -399px; cursor: pointer; }
.pagination.num div.boutton.bt-next{ display: block; top: 0px !important; left: auto !important; right: 0px !important; margin: 0px 5px; padding: 0px 0px; 
width: 45px !important; height: 45px !important; float: right; background: url('images/strip.png') no-repeat -290px -456px; cursor: pointer; }

.pagination.news div.boutton.bt-prev{ position: relative !important; display: block; top: 0px !important; left: 0px !important; margin: 0px 5px; padding: 0px 0px; 
width: 45px !important; height: 45px !important; float: left; background: url('images/strip.png') no-repeat -290px -399px; cursor: pointer; }
.pagination.news div.boutton.bt-next{ position: relative !important; display: block; top: 0px !important; left: 0px !important; margin: 0px 5px; padding: 0px 0px; 
width: 45px !important; height: 45px !important; float: right; background: url('images/strip.png') no-repeat -290px -456px; cursor: pointer; }

div.boutton{ position: absolute; top: 117px; left: 128px; margin: 0px 0px; padding: 0px 0px; width: 90px; height: 90px; background: url('images/strip.png') no-repeat; cursor: pointer; }
div.boutton.bt-play{ background-position: -69px -400px; } div.boutton.bt-play:hover{ background-position: -180px -400px; }
div.boutton.icon-plus { width: 40px; height: 40px; top: 0px; left: auto !important; right: 4px; background-position: -351px -460px; }
div.boutton.icon-minus { width: 40px; height: 40px; top: 0px; left: auto !important; right: 4px; background-position: -350px -405px; }
div.boutton.bt-user{ top: 0px; left: 0px; width: 50px; height: 50px; background-position: -4px -288px; }

div.boutton.bt-close{ background-position: -402px -403px; width: 45px; height: 45px; }

span.boutton{ float: left; display: block; margin: -2px 0px 0px -20px; padding: 0px 0px; width: 25px; height: 25px; background: url('images/strip.png') no-repeat; cursor: pointer; }
span.boutton.bt-goto{ background-position: -73px -242px; } span.boutton.bt-goto:hover{ background-position: -129px -242px; }

#branding a { display: block; }
div.icon { position: absolute; top: 12px; left: 5px; margin: 0px 0px; padding: 0px 0px; width: 45px; height: 45px; background: url('images/strip.png') no-repeat; }
div.icon.tools { background-position: -403px -118px; }
div.icon.flowers { background-position: -403px -171px; }
div.icon.smile { background-position: -403px -232px; }
div.icon.hobby { background-position: -403px -284px; }
div.icon.home { background-position: -403px -59px; }
div.icon.hand { background-position: -403px -5px; }




/* -- Style divers
-------------------------------------------------------------- */
.float-left{ float: left; } .float-right{ float: right; } .center { width: 100%; text-align: center; }

.btn-theme, .gform_footer input[type=submit] {
	display: inline-block; cursor: pointer;
	margin: 0px 0px; padding: 5px 23px;
	text-align: center; vertical-align: middle;
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: none; border-bottom: 1px solid #cccccc; border-bottom-color: #b3b3b3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-theme2 {
	display: inline-block; cursor: pointer;
	margin: 0px 0px; padding: 5px 23px;
	text-align: center; vertical-align: middle;
	background-color: #333333;
	background-image: -moz-linear-gradient(top, #999999, #333333);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), to(#333333));
	background-image: -webkit-linear-gradient(top, #999999, #333333);
	background-image: -o-linear-gradient(top, #999999, #333333);
	background-image: linear-gradient(to bottom, #999999, #333333);
	background-repeat: repeat-x;
	border: none; border-bottom: 1px solid #cccccc; border-bottom-color: #b3b3b3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99999999', endColorstr='#33333333', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-theme:hover, .btn-theme:focus, .gform_footer input[type=submit]:hover, .gform_footer input[type=submit]:focus {
	text-decoration: none;
	background-position: 0 4px;
	-webkit-transition: background-position 0.05s linear;
	-moz-transition: background-position 0.05s linear;
	-o-transition: background-position 0.05s linear;
	transition: background-position 0.05s linear;
}

legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; border: 0; border-bottom: 1px solid #e5e5e5; }

.input-mini { width: 60px; }
.input-small { width: 90px; }
.input-medium { width: 150px; }
.input-large { width: 210px; }
.input-xlarge { width: 270px; }
.input-xxlarge { width: 530px; }

.help-block { display: block; margin-bottom: 10px; }
.help-block, .help-inline { color: #595959; }

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select {
	display: inline-block; height: 26px; width: 181px; padding: 4px 6px 2px 6px; margin: 0px 0px; font-size: 12px; line-height: 18px;
	color: #424242; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	background-color: #ffffff; border: none; font-family: Ubuntu; font-weight: normal; opacity: 0.99;
}

label, textarea { padding: 4px 6px 2px 6px; margin: 0px 0px; display: block; margin-bottom: 5px; font-size: 12px; line-height: 18px; color: #424242; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; resize: none; }
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; }

form input[type="text"], form input[type="password"], form input[type="datetime"], form input[type="datetime-local"], form input[type="date"], form input[type="month"], form input[type="time"], form input[type="week"], form input[type="number"], form input[type="email"], form input[type="url"], form input[type="search"], form input[type="tel"], form input[type="color"], form select, form textarea { border: 1px solid #cccccc; }

::-webkit-input-placeholder { color: #424242; }
:-moz-placeholder { color: #424242; /* Firefox 18- */ }
::-moz-placeholder { color: #424242; /* Firefox 19+ */ }
:-ms-input-placeholder {  color: #424242; }

form ::-webkit-input-placeholder { color: #888; }
form :-moz-placeholder { color: #888; /* Firefox 18- */ }
form ::-moz-placeholder { color: #888; /* Firefox 19+ */ }
form :-ms-input-placeholder {  color: #888; }

p { font-family: Ubuntu; font-weight: normal; font-size: 13px; line-height: 18px; color: #404040; opacity: 0.99; }


/* -- Menu de navigation style
-------------------------------------------------------------- */
#access { margin: 0px 0px; padding: 0px 0px; width: 220px; }
#access ul.menu { margin: 0px 0px; padding: 0px 0px; list-style: none; }
#access ul.menu li { position: relative; margin: 0px 0px; padding: 0px 0px; background: url('images/menu-bt.png') no-repeat left center;
border-top: 1px solid #686868; border-bottom: 1px solid #2f2f2f; }
#access ul.menu li:hover { background: url('images/menu-bt-hover.png') no-repeat left center; }
#access ul.menu li a { display: block; padding: 11px 35px 11px 15px; } #access ul.menu li a:hover span { color: #fff; }  #access ul.menu li:hover a span { color: #fff; }
#access ul.menu li.last { height: 10px !important; background: url('images/strip.png') repeat-x -173px -313px !important; border: none !important; margin: -1px 0px 0px 0px !important; padding: 0px 0px !important; }

#access ul.menu ul.sub-menu { position: absolute; top: -1px; left: 220px; z-index: 9999; width: 175px; display: none; margin: 0px 0px; padding: 0px 0px; list-style: none;  }
#access ul.menu ul.sub-menu li { position: relative; margin: 0px 0px; padding: 0px 0px; background: url('images/bt-mlevel2.png') no-repeat 0px center; border-top: 1px solid #535752; border-bottom: 1px solid #050804; }
#access ul.menu ul.sub-menu li:hover { position: relative; margin: 0px 0px; padding: 1px 0px 0px 0px; background: url('images/bt-mlevel2-hover.png') no-repeat 0px center; border-top: none; }
#access ul.menu li:hover ul.sub-menu { display: block; }
#access ul.menu ul.sub-menu li.last { display: none !important; }
#access ul.menu ul.sub-menu li span{ font-family: UbuntuLight; font-weight: normal; font-size: 13px; line-height: 16px; opacity: 0.99; }

#access ul.menu ul.sub-menu ul.sub-menu { position: absolute; top: -2px; left: 175px; z-index: 9999; width: 175px; display: none; margin: 0px 0px; padding: 0px 0px; list-style: none;  }
#access ul.menu ul.sub-menu ul.sub-menu li { position: relative; margin: 0px 0px; padding: 0px 0px; background: url('images/bt-mlevel2.png') no-repeat 0px center; border-top: 1px solid #535752; border-bottom: 1px solid #050804; }
#access ul.menu ul.sub-menu ul.sub-menu li:hover { background: url('images/bt-mlevel2-hover.png') no-repeat 0px center; }

#access ul.menu ul.sub-menu ul.sub-menu li a { padding: 11px 15px 11px 15px; }

#access ul.menu ul.sub-menu ul.sub-menu li:hover { position: relative; margin: 0px; padding: 0px; }
#access ul.menu ul.sub-menu li:hover ul.sub-menu { display: block; }
#access ul.menu ul.sub-menu ul.sub-menu li.last { display: none !important; }
#access ul.menu ul.sub-menu ul.sub-menu li span{ font-family: UbuntuLight; font-weight: normal; font-size: 13px; line-height: 19px; opacity: 0.99; }

#access ul.menu ul.sub-menu ul.sub-menu ul.sub-menu { display: none !important; }

#menu-second { position: relative; margin: 0px 0px; padding: 8px 0px; width: 220px; list-style: none; }
#menu-second .menu-item { margin: 0px 0px; padding: 8px 40px 8px 15px; list-style: none; background: url('images/strip.png') no-repeat 167px -237px; }

#menu-menu-de-pied-de-page { width: 350px; margin-top: 10px; margin-bottom: 10px; }
#menu-menu-de-pied-de-page li { position: relative; margin: 0px 5px; padding: 0px 0px; float: left; }
#menu-menu-de-pied-de-page li:hover a span, #menu-footer-principal li a:hover span { text-decoration: underline; }

#menu-footer-principal { position: relative; margin: 0px 0px 30px 0px; padding: 0px 0px; width: 100%; overflow: hidden; }
#menu-footer-principal li { margin: 0px 0px; padding: 0px 0px; float: left; width: 190px !important; overflow: hidden; }
#menu-footer-principal li a { margin: 0px 0px; padding: 0px 0px; float: left; width:auto; }


/* -- Structure global de la page
-------------------------------------------------------------- */
html, body { margin: 0px 0px !important; padding: 0px 0px !important; min-width: 980px; }

#page { margin: 0px 0px; padding: 0px 0px; background-color: #fff; }

#branding {
	margin: 0px 0px; padding: 0px 0px; height: 185px; width: 100%; overflow: hidden;
	background: url('images/header.jpg') repeat-x left top;
}

#branding-inner { margin: 0px auto; padding: 0px 0px; width: 100%; height: 185px; overflow: hidden; background: transparent; }
#branding-inner .box-inner { position: relative; }

#primary { margin: 0px 0px; padding: 0px 0px; }
#primary-inner { margin: 0px auto; padding: 0px 0px; }

#colophon { margin: 0px 0px; padding: 0px 0px; overflow: hidden; background-color: #d9d9db;  }

#colophon #colophon-top {
	margin: 0px 0px; padding: 0px 0px; background: url('images/strip.png') repeat-x 0px -340px;
	border-bottom: 3px solid #aeaeaf; height: 55px !important; 
}

#colophon #colophon-bottom { margin: 0px 0px; padding: 0px 0px; background-color: #d4d4d6; height: auto;  }

#sidebar { margin: 0px 0px; padding: 0px 0px; width: 220px; float: left; }
#content { margin: 17px 0px 20px 17px; padding: 0px 0px; width: 723px; min-height: 600px; float: right; overflow: hidden; }

.box-inner {
	margin: 0px auto; padding: 0px 0px; width: 960px !important; height: 100%;
}

#overlay, #overlay-priv { 
	position: absolute; z-index: 9999;
	top: 0px; left: 0px;
	margin: 0; padding: 0;
	width: 100%; min-width: 980px; height: 100%;
	background: url('images/back_white.png') repeat left top;
	display: none;
}

#overlay #inner-overlay, #overlay-priv #inner-overlay-priv {
	position: relative; margin: 100px auto; padding: 0px 0px 0px 0px;
	width: 730px; height: auto; background-color: #fff; min-height: 50px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #cccccc;
}

#overlay-priv #inner-overlay-priv { width: 760px; }


#overlay #inner-overlay .boutton.bt-close { top: 0px; left: 683px; }
#overlay-priv #inner-overlay-priv .boutton.bt-close { top: 0px; left: 713px; }


/* -- Structure du header
-------------------------------------------------------------- */
#branding #site-title, #branding #site-title img {
	margin: 0px 0px; padding: 0px 0px;
	width: 270px; height: 120px;
}

#branding .fil-name { margin: 65px 0px 0px 20px; padding: 0px 0px; }
#branding .accroche { margin: 0px 40px 0px 20px; padding: 0px 0px; text-align: left; }
#branding .blog-6 .fil-name { margin: 65px 0px 0px 30px; padding: 0px 0px; }
#branding .blog-6 .accroche { margin: 0px 50px 0px 30px; padding: 0px 0px; text-align: right; }
#branding .blog-7 .fil-name { margin: 65px 0px 0px 15px; padding: 0px 0px; }
#branding .blog-7 .accroche { margin: 0px 40px 0px 15px; padding: 0px 0px; text-align: right; }
#branding .blog-8 .fil-name { margin: 65px 0px 0px 30px; padding: 0px 0px; }
#branding .blog-8 .accroche { margin: 0px 50px 0px 30px; padding: 0px 0px; text-align: right; }
#branding .blog-9 .fil-name { margin: 65px 0px 0px 15px; padding: 0px 0px; font-size: 22px !important; line-height: 26px !important; }
#branding .blog-9 .accroche { margin: 0px 40px 0px 15px; padding: 0px 0px; text-align: right; font-size: 19px !important; line-height: 23px !important; }
#branding .blog-10 .fil-name { margin: 65px 0px 0px 10px; padding: 0px 0px; font-size: 22px !important; line-height: 26px !important; }
#branding .blog-10 .accroche { margin: 0px 35px 0px 10px; padding: 0px 0px; text-align: right; font-size: 19px !important; line-height: 23px !important; }

#branding .blog-10 .accroche strong, #branding .blog-10 .accroche b, #branding .blog-10 .accroche em { font-family: UbuntuMedium !important; }


#search-box {
	margin: 0px 0px; padding: 0px 0px; height: 64px; width: 220px !important;
	background: url('images/strip.png') no-repeat -173px -231px; border-bottom: 1px solid #2f2f2f;
} #search-box input { margin: 20px 0px 0px 13px !important; } #searchform { width: 220px !important; }

#home-box { 
	margin: 20px 0px 0px 0px; padding: 0px 0px; width: 45px; height: 45px;
	background: url('images/strip.png') no-repeat -120px -119px;
}

#intro-box { margin: 0px 0px; padding: 0px 0px; }

#espace-prive-box { position: absolute; top: 0px; left: 0px; width:265px; margin: 0px 0px; padding: 0px 0px; height: 50px; background: #434343 url('images/strip.png') no-repeat 220px -173px; overflow: hidden; cursor: pointer; }
#espace-prive-box .text-prive-box { margin: 0px 0px; padding: 0px 0px; width: 175px; float: left; }

#contact-box {
	margin: 82px 0px 0px 0px; padding: 0px 0px; height: 104px;
	background: url('images/strip.png') no-repeat -123px -5px;
}

#contact-box p { margin: 0px 0px; padding: 18px 0px 0px 0px; text-align: center; }


/* -- Structure de la sidebar
-------------------------------------------------------------- */
#sidebar .inner-sidebar { margin: 0px 0px; padding: 0px 0px; background-color: #f3f3f3; }
#sidebar .social-box { margin: 10px 0px 0px 2px; padding: 0px 0px; width: 220px; }
#sidebar .social-box span { margin: 0px 0px; padding: 0px 2px; line-height: 25px; height: 25px; }
#sidebar .social-box.sidebar-social a { margin: 0px 3px; padding: 0px 0px; }
.article-box .social-box, .archive-box .social-box { margin: 40px 0px 20px 27px; padding: 0px 0px; width: 300px; }
.article-box .social-box.full-width, .archive-box .social-box.full-width { margin: 20px 0px 10px 27px; padding: 0px 0px; width: 700px; }
.article-box .social-box span, .archive-box .social-box span { margin: 0px 0px; padding: 0px 2px; line-height: 30px; height: 23px !important; }


/* -- Google map style
-------------------------------------------------------------- */
#map_canvas { margin: 15px 0px; padding: 0px 0px; border: 9px solid #fff; width: 705px; height: 380px; }
#map_canvas_contact { margin: 25px 0px 0px 0px; padding: 0px 0px; border: 9px solid #fff; width: 465px; height: 250px; float: left; }


/* -- Structure du content
-------------------------------------------------------------- */
.category-section { position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px; width: 740px; overflow: hidden; }
.category-box { margin: 0px 16px 16px 0px; padding: 18px 15px; width: 200px; min-height: 164px; overflow: hidden; }
.category-box p { margin: 15px 0px 0px 0px; padding: 0px 0px; }
.category-box p strong { font-family: UbuntuBold; }
.category-box p em { font-family: UbuntuItalic; }
.category-box a { display: block; width: 100%; height: 100%; }

.category-box-img { position: relative; margin: 0px 0px 16px 0px; padding: 0px 0px; width: 723px; height: 150px; overflow: hidden; }
.category-box-img p { margin: 15px 0px 0px 0px; padding: 0px 0px; }
.category-box-img .content-bloc { position: relative; margin: 0px 0px; padding: 15px 15px; width: 428px; }
.category-box-img .image-bloc { margin: 0px 0px 0px 0px; padding: 0px 0px; }
.category-box-img .image-corner { position: absolute; top: 20px; left: 458px; margin: 0px 0px; padding: 0px 0px; width: 60px; height: 60px; }
.category-box-img a { display: block; width: 100%; height: 100%; }
.category-box-img p strong { font-family: UbuntuBold; }
.category-box-img p em { font-family: UbuntuItalic; }

.category-box-link-listing { position: relative; margin: 15px 0px 0px 40px; padding: 0px 0px; list-style: none; overflow: hidden; }
.category-icon-box .category-box-link-listing { position: relative; margin: 25px 0px 0px 40px; padding: 0px 0px; list-style: none; overflow: hidden; }
.category-box-link-listing li { margin: 2px 0px; padding: 0px 0px; } .category-box-link-listing li a { display: inline; }

.dossier-section { position: relative; margin: 0px 16px 16px 0px; padding: 0px 0px; width: 355px;  overflow: hidden; }
.dossier-box { margin: 0px 0px; padding: 0px 0px; width: 355px; min-height: 343px; height: auto; overflow: hidden; }
.dossier-box .image-bloc { margin: 0px 0px; padding: 0px 0px; width: 355px; height: 265px; }
.dossier-box .content-bloc { position: relative; margin: 0px 0px; padding: 12px 14px 15px 14px; width: 327px;}
.dossier-box .image-corner { position: absolute; top: -58px; left: 35px; margin: 0px 0px; padding: 0px 0px; width: 60px; height: 60px; }
.dossier-box a { display: block; width: 100%; height: 100%; }

/* ------------- */
.accordeon-section  { position: relative; margin: 15px 30px 15px 30px; padding: 0px 0px; width: 663px; overflow: hidden; }
.accordeon-box  { position: relative; margin: 0px 0px 10px 0px; padding: 0px 0px; background-color: #fff; }
.accordeon-box .acc-title { position: relative; margin: 0px 0px; padding: 0px 15px; height: 40px; cursor: pointer; }
.accordeon-box .acc-text { position: relative; margin: 0px 0px; padding: 15px 0px; overflow: hidden; }
.accordeon-box .acc-text p { margin: 0px 30px 15px 30px; padding: 0px 0px; }
.accordeon-box .acc-text.acc-close { /*height: 0px !important;*/ margin: 0px 0px; padding: 15px 0px; }
.accordeon-box .acc-text.acc-open { /*height: auto !important;*/ margin: 0px 0px; padding: 15px 0px; }
/* ------------- */

.tableau-section { position: relative; margin: 15px 30px; padding: 0px 0px; width: 663px; }
.tableau-section .tableau-box { position: relative; margin: 0px 0px 16px 0px; padding: 0px 0px; width: 663px; background-color: #fff; }
.tableau-section .tableau-box table, .tableau-section .tableau-box thead, .tableau-section .tableau-box tbody { margin: 0px 0px ; padding: 0px 0px; width: 663px; }
.tableau-section .tableau-box th { font-family: UbuntuBold; padding: 15px 15px 15px 15px; font-weight: normal; width: 20%; font-size: 13px; color: #fff; text-align: left !important; line-height: 16px; opacity: 0.99; border-left: 1px solid #fff; }
.tableau-section .tableau-box th.first { border-left: none !important; }
.tableau-section .tableau-box tbody td { font-family: Ubuntu; font-weight: normal; font-size: 13px; color: #404040; padding: 15px 15px 15px 15px; opacity: 0.99; line-height: 16px; }
.tableau-section .tableau-box tbody th.first { border-left: none !important; font-family: Ubuntu; font-weight: normal; font-size: 13px; color: #404040; padding: 15px 15px 15px 15px; opacity: 0.99; line-height: 16px; }
.tableau-section .tableau-box tbody td.first { border-left: none !important; }
.tableau-section .tableau-box tbody tr.even { background-color: #e3e3e3; }

.actu-section { position: relative; margin: 0px 0px; padding: 0px 0px 16px 0px; width: 352px; overflow: hidden; }
.actu-box.odd { position: relative;  margin: 0px 0px; padding: 0px 0px; width: 352px; background: url('images/whitey-light.png') no-repeat left top;
border-top: 1px solid #fafafa; border-bottom: 1px solid #b0b1b3; overflow: hidden; }
.actu-box.even { position: relative; margin: 0px 0px; padding: 0px 0px; width: 352px; background: url('images/whitey.png') no-repeat left top;
border-top: 1px solid #fafafa; border-bottom: 1px solid #b0b1b3; overflow: hidden; }
.actu-box .content-bloc { position: relative; margin: 0px 0px; padding: 10px 15px; width: 290px; }
.actu-box .content-bloc p { margin: 5px 0px 0px 0px; padding: 0px 0px; }
.actu-box .bt-arrow { position: absolute; top: 50%; right: 10px; margin: -15px 0px 0px 0px; padding: 0px 0px; width: 30px; height: 30px; background: url('images/strip.png') no-repeat -70px -239px; cursor: pointer; }
.actu-box:hover .bt-arrow { background: url('images/strip.png') no-repeat -126px -239px; }
.actu-box a { display: block; width: 100%; height: 100%; }
.actu-box:hover .bt-arrow { background: url('images/strip.png') no-repeat -126px -239px; }
.actu-box:hover h2 { text-decoration: underline; }
.actu-box.box-actu-fix { min-height: 92px; }


.category-icon-section { position: relative; margin: 0px 0px; padding: 0px 0px; width: 740px; overflow: hidden; }
.category-icon-box { margin: 0px 16px 16px 0px; padding: 0px 0x; width: 353px; height: 164px; overflow: hidden; }
.category-icon-box .content-bloc { position: relative; margin: 0px 0px; padding: 15px 15px; width: 290px; }
.category-icon-box .content-bloc h1, .category-icon-box .content-bloc h2 { margin: 0px 0px; padding: 0px 0px 0px 40px; }


/* ------------- */
.article-section { position: relative; margin: 0px 0px; padding: 0px 0px 16px 0px; width: 724px; overflow: hidden; }
.article-box  { position: relative; margin: 0px 0px; padding: 0px 0px; width: 724px; overflow: hidden; background-color: #f7f7f7; }
.article-box .layout-wrapper .half-img { margin: 0px 0px; padding: 0px 0px; width: 353px; float: left; }
.article-box .layout-wrapper .half-text { margin: 0px 0px; padding: 35px 0px 0px 0px; width: 370px; float: left; }
.article-box .layout-wrapper .half-text.full-width { margin: 0px 0px; padding: 35px 0px 0px 0px; width: 724px; float: left; }
.article-box .article-box-header { position: relative; margin: 0px 0px; padding: 20px 15px; background-color: #424242; }
.article-box .article-box-header a { font-family: UbuntuLight; font-weight: normal; font-size: 11px;line-height: 25px; color: #fff; opacity: 0.99; }
.article-box .article-box-header a:hover { text-decoration: underline; }
.article-box .article-box-header p { margin: 0px 0px; padding: 0px 0px; }
.article-box p { margin: 15px 30px; padding: 0px 0px; }
.article-box .date-article { margin: 0px 30px 0px 30px; padding: 0px 0px 0px 0px; }
.article-box .title-article { margin: 0px 30px 10px 30px; padding: 0px 0px 0px 0px; }
.article-box .content-article { margin: 0px 0px 40px 0px; padding: 0px 0px 0px 0px; }
.article-box .content-article a { margin: 0px; padding: 0px; font-family: Ubuntu; color: #404040; font-weight: normal; font-size: 13px; line-height: 18px; opacity: 0.99; text-decoration: underline; }
.article-box .header-bottom { margin: 0px 0px; padding: 0px 0px 0px 610px; height: 20px; background: url('images/ombre-header.jpg') no-repeat left top; }
.article-box .header-bottom .boutton { 
	margin: 0px 3px; padding: 0px 0px; width: 38px; height: 33px;
	-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
}

.article-box ul, .page-box ol { margin: 25px 0px; padding: 0px 0px; }
.article-box ul li, .article-box ol li { margin: 5px 30px; padding: 0px 30px; list-style-type: none; background: url('images/strip.png') no-repeat -455px -482px; }
.article-box .layout-wrapper.important ul li, .article-box .layout-wrapper.important ol li { color: #fff !important; }
/* ------------- */


/* ------------- */
.archive-section { position: relative; margin: 0px 0px; padding: 0px 0px 16px 0px; width: 724px; overflow: hidden; }
.archive-box { position: relative; margin: 0px 0px; padding: 0px 0px; width: 724px; overflow: hidden; background-color: #f7f7f7; }
.archive-box .archive-box-header { position: relative; margin: 0px 0px; padding: 20px 15px; background-color: #424242; }
.archive-box .archive-box-header a { font-family: UbuntuLight; font-weight: normal; font-size: 12px;line-height: 25px; color: #fff; opacity: 0.99; display: inline; }
.archive-box .archive-box-header a:hover { text-decoration: underline; }
.archive-box .archive-box-header p { margin: 0px 0px; padding: 0px 0px; }
.archive-box p { margin: 15px 30px; padding: 0px 0px; }
.archive-box .header-bottom { margin: 0px 0px; padding: 0px 0px 0px 610px; height: 10px; background: url('images/ombre-header.jpg') no-repeat left top; }
.archive-box .date-article { margin: 0px 30px 0px 30px; padding: 0px 0px 0px 0px; }
.archive-box .title-article { margin: 0px 30px 5px 30px; padding: 0px 0px 0px 0px; }
.archive-box .content-article { margin: 20px 30px 10px 30px; padding: 0px 0px 0px 0px; }
.archive-box .content-article a { color: #555554; font-family: Ubuntu; font-weight: normal; font-size: 13px;line-height: 18px; opacity: 0.99; display: inline; }
.archive-box.search .content-article { margin: 10px 30px 10px 30px; padding: 0px 0px 0px 0px; }
.archive-box .layout-wrapper { margin: 0px 0px; padding: 25px 0px; border-bottom: 1px solid #e5e5e5; }
.archive-box.search .layout-wrapper { margin: 0px 0px; padding: 15px 0px; border-bottom: 1px solid #e5e5e5; }  
.archive-box .layout-wrapper .half-img { margin: 0px 0px; padding: 0px 0px; width: 235px; float: left; }
.archive-box .layout-wrapper .half-text { margin: 0px 0px; padding: 10px 0px 0px 0px; width: 455px; float: left; }
.archive-box .layout-wrapper .half-text.full-width { margin: 0px 0px; padding: 10px 0px 0px 0px; width: 724px; float: left; }
.archive-box-content { position: absolute; bottom: 15px; right: 15px; width: 110px; margin: 0px 0px; padding: 0px 0px; text-align: right; }
.archive-box-content .select-archives { text-align: left; width: 93px; height: 26px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff url('images/select.png') no-repeat 84px 2px; padding: 0px 8px; margin: 0px 0px; font-size: 15px; line-height: 28px; color: #424242; vertical-align: middle; font-family: UbuntuBold; cursor: pointer; }
.archive-box-content .select-archives-list a { font-size: 15px; line-height: 25px; color: #424242; font-family: UbuntuBold; }
.archive-box-content .select-archives-list  { display: none; position: absolute; z-index: 10; top: 53px; right: 0px; text-align: left; width: 93px; height: auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; padding: 5px 8px; margin: 0px 0px; font-size: 14px; line-height: 28px; color: #424242; font-family: UbuntuBold; cursor: pointer; border: 1px solid #424242; }
.archive-box ul, .page-box ol { margin: 25px 0px; padding: 0px 0px; }
.archive-box ul li, .article-box ol li { margin: 5px 30px; padding: 0px 30px; list-style-type: none; background: url('images/strip.png') no-repeat -455px -482px; }
.archive-box .layout-wrapper.important ul li, .article-box .layout-wrapper.important ol li { color: #fff; }

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


/* ------------- */
.formation-box .page-box-header { height: 309px !important; padding: 0px 0px !important; }
.formation-box .page-box-header .inner-hearder-formation { width: 370px; height: 235px !important; padding: 15px 15px !important; float: left; }
.formation-box .page-box-header .nav-formation { width: 100%; height: 44px !important; float: left; background: url('images/menu-formation.png') repeat-x left top; }
.formation-box .page-box-header .nav-formation ul.variable-formation { width: 100%; height: 44px !important; margin: 0px 0px; padding: 0px 0px; }
.formation-box .page-box-header .nav-formation ul.variable-formation li.item-variable { position: relative; height: 50px !important; margin: 2px 0px 0px 0px; padding: 0px 35px 0px 35px; background: url('images/menu-li-formation.png') no-repeat right top; cursor: pointer; }
.formation-box .page-box-header .nav-formation ul.variable-formation li.item-variable:hover span { text-decoration: underline; }
.formation-box .page-box-header .formation-img { float: left; }
/* ------------- */


/* ------------- */
.page-box { position: relative; margin: 0px 0px; padding: 0px 0px 10px 0px; width: 724px; overflow: hidden; background-color: #f7f7f7; border-bottom: 10px solid #c5c5c5; }
.page-box.contact { position: relative; margin: 0px 0px; padding: 0px 0px 0px 0px; width: 724px; overflow: hidden; background-color: #f7f7f7; border-bottom: none; }
.page-box .page-box-header { position: relative; margin: 0px 0px; padding: 20px 25px; }
.page-box .page-box-header a { font-family: UbuntuLight; font-weight: normal; font-size: 12px;line-height: 25px; color: #fff; opacity: 0.99; text-decoration: none; }
.page-box .page-box-header a:hover { text-decoration: underline; }
.page-box .page-box-header p, .page-box .content-page-box { margin: 0px 0px; padding: 0px 0px; }
.page-box p { margin: 15px 30px; padding: 0px 0px; }
.page-box .layout-section { margin: 0px 0px; padding: 15px 0px; }
.page-box .layout-wrapper { margin: 0px 0px; padding: 0px 0px; }
.page-box .layout-wrapper .half-img-two { margin: 0px 0px; padding: 0px 0px; width: 370px; float: left; }
.page-box .layout-wrapper .half-img { margin: 0px 0px; padding: 0px 0px; width: 370px; float: left; }
.page-box .layout-wrapper .half-img.pright { width: 370px; }
.page-box .layout-wrapper .half-text  { margin: 0px 0px; padding: 10px 0px 0px 15px; width: 305px; float: left; }
.page-box .layout-wrapper.important .half-text  { margin: 0px 0px; padding: 15px 0px 0px 15px; width: 305px; float: left; }
.page-box .layout-wrapper .half-text p { margin: 15px 0px; padding: 0px 0px; }
.page-box .layout-wrapper.important .half-text p { color: #fff; }
.page-box .layout-wrapper .half-text.pright { width: 310px; text-align:right; margin: 0px 0px; padding: 10px 30px 0px 30px; }
.page-box .layout-wrapper.important .half-text.pright { width: 310px; text-align:right; margin: 0px 0px; padding: 15px 30px 0px 30px; }
.page-box .layout-wrapper .half-text.full-width { margin: 0px 0px; padding: 15px 30px 0px 30px; width: 664px; float: left; }
.page-box .header-bottom { margin: 0px 0px; padding: 0px 0px 0px 610px; height: 40px; background: url('images/ombre-header.jpg') no-repeat left top; }
.page-box.contact .header-bottom { height: 20px; }
.page-box .header-bottom .boutton { 
	margin: 0px 3px; padding: 0px 0px; width: 38px; height: 33px;
	-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
}

.page-box .logo-box-section { margin: 0px 0px; padding: 15px 15px; }
.page-box .logo-box { margin: 0px 0px; padding: 3px 3px; background-color: #fff; }
.page-box .logo-box .item-logo { margin: 1px 1px; padding: 0px 0px; width: 170px; height: 100px; }
.attout .logo-box-section { margin: 0px 0px; padding: 0px 12px !important; }
.attout .logo-box { margin: 0px 0px; padding: 3px 3px; background-color: #fff; }
.attout .logo-box .item-logo { margin: 1px 1px; padding: 6px 7px; width: 215px; height: 115px; }

.page-box ul, .page-box ol { margin: 25px 0px; padding: 0px 0px; }

.page-box ul li, .page-box ol li { margin: 5px 30px; padding: 0px 30px; list-style-type: none; background: url('images/strip.png') no-repeat -455px -482px; }

.page-box .pright.half-text ul li, .page-box .pright.half-text ol li { text-align: left; }

.page-box .layout-wrapper.important ul li, .page-box .layout-wrapper.important ol li { color: #fff; margin: 5px 30px; padding: 0px 30px; list-style-type: none; background: url('images/strip.png') no-repeat -455px -448px; }

.page-box .layout-wrapper.important .pright.half-text ul li, .page-box .layout-wrapper.important .pright.half-text ol li { text-align: left; }

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



/* ------------- */
.gform_body { margin: 0px 0px 30px 0px; padding: 0px 0px; }
#overlay .gform_body ul, #overlay-priv .gform_body ul { margin: 0px 30px 25px 30px !important; padding: 0px 0px; }
.gform_body ul { margin: 25px 30px; padding: 0px 0px; }
.gform_body ul li { margin: 5px 0px; padding: 0px 0px; list-style-type: none; background: none; width: 220px; float: left; }
.gform_body ul li label{ color: #434343; padding: 10px 6px 0px 2px; font-size: 13px; font-family: Ubuntu; }
.gform_body ul li input[type=text]{ width: 195px; } .gform_body ul li select { width: 207px; }
.gform_body ul li.section-form { margin: 17px 0px 5px 0px; width: 100%; border-bottom: 1px solid #d1d1d1; }
div.section-form { margin: 17px 30px 5px 30px; border-bottom: 1px solid #d1d1d1; }
.gform_wrapper .validation_error { margin: 15px 30px 10px 30px; color: #f95353; font-weight: bold; font-size: 14px; }
#gforms_confirmation_message { margin: 15px 30px 10px 30px; font-weight: bold; font-size: 14px; }
.gform_wrapper .gfield_description.validation_message { margin: 5px 5px 5px 5px; color: #f95353; font-weight: bold; font-size: 13px; }
.gform_wrapper .gfield.gfield_error input { background-color: #fef3f3; }

.gform_body ul li.adrss-field { width: 100%; } .gform_body ul li.adrss-field input.large { width: 415px; }
.gform_body ul li.message-full { width: 100%; } .gform_body ul li.message-full textarea { width: 655px; height: 120px; }
 .gform_body ul li.file-upload label { text-decoration: underline; }
.gform_body:after, .gform_footer:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .gform_body, * html .gform_footer { zoom: 1; } *:first-child+html .gform_body, *:first-child+html .gform_footer { zoom: 1; }

#gform_wrapper_3 ul li { width: 330px; }
#gform_wrapper_3 ul li input[type=text]{ width: 290px; }
#gform_wrapper_3 ul li select { width: 207px; }
#gform_wrapper_3 .gfield.gsection { width: 100% !important; border-bottom: 1px dotted #333; margin: 30px 0 10px 0; }
#gform_wrapper_3 .gfield.gsection h2 { font-size: 20px !important; }
#gform_wrapper_3 ul li.adrss-field { width: 100%; } #gform_wrapper_3 ul li.adrss-field input.large { width: 415px; }
#gform_wrapper_3 ul li.message-full { width: 100%; } #gform_wrapper_3 ul li.message-full textarea { width: 655px; height: 120px; }
#gform_wrapper_3 ul.gfield_checkbox { margin: 0px 15px; }
#gform_wrapper_3 ul.gfield_checkbox::after { visibility: hidden; display: block;font-size: 0;content: " ";clear: both;height: 0; }
#gform_wrapper_3 ul.gfield_checkbox input, #gform_wrapper_3 ul.gfield_checkbox label { float: left; }
#gform_wrapper_3 ul.gfield_checkbox label { padding: 0px 6px 0px 2px; }

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


/* ------------- */
.text-padding { margin: 15px 30px; padding: 0px 0px; }
.text-padding-bis { margin: 10px 30px 15px 30px; padding: 0px 0px; }
.text-padding-x { margin: 0px 30px; padding: 0px 0px; }
.text-padding-x-y { margin: 8px 30px; padding: 0px 0px; }
.text-padding-li { margin: 5px 30px; padding: 0px 30px; }
/* ------------- */

.flex-img-small-small { margin: 0px 0px; padding: 0px 0px; border: 9px solid #fff; width: 215px; height: 170px; }
.flex-img-small { margin: 0px 0px; padding: 0px 0px; border: 9px solid #fff; width: 335px; height: 280px; }
.flex-img { margin: 15px 0px; padding: 0px 0px; border: 9px solid #fff; width: 705px; height: 240px; }
.flex-img-big { margin: 15px 0px; padding: 0px 0px; border: 9px solid #fff; width: 705px; height: 380px; }
.flex-img-regular { margin: 0px 0px; padding: 0px 0px; width: 355px; height: auto !important; vertical-align: top !important; }
.flex-img-regular-bis { margin: 0px 0px; padding: 0px 0px; width: 315px; height: 265px; }

.layout-wrapper { position: relative; margin: 30px 0px; padding: 0px 0px; width: 740px; overflow: hidden; }


.important .three-half { margin: 20px 0px 0px 0px; padding: 0px 0px; width: 225px; min-height: 160px; float: left; }
.important .three-half.get-arrow { padding: 0px 20px 0px 0px; background: url('images/arrow-right.png') no-repeat top right; width: 229px; }
.important a { color: #fff !important; }


/* ------------- */
.pagination{ margin: 0px 0px; padding: 0px 0px; min-height: 50px; }
.pagination .pagination-num { position: relative; margin: 0px 0px; padding: 15px 0px; width: 723px; text-align: center; float: left; }
.pagination .pagination-num .page-numbers { margin: 0px 0px; padding: 0px 5px; font-family: UbuntuMedium; font-weight: normal; font-size: 18px; line-height: 18px; color: #c3c3c3; opacity: 0.99; }
.pagination .pagination-num .page-numbers.current { color: #ffffff; }
.pagination .pagination-num .prev { display: block; float: left; }
.pagination .pagination-num .next { display: block; float: right; }
.pagination .pagination-prev-post a, .pagination .pagination-next-post a { display: block; }
.pagination .pagination-prev-post, .page-box .pagination .pagination-next-post { margin: 0px 0px; padding: 0px 5px; }
.pagination .pagination-prev-post:hover span, .pagination .pagination-next-post:hover span { text-decoration: underline; }
/* ------------- */


/* ------------- */
.var-form{ display:none; }
.var-form.open{ display:block; }
.formation-box .var-form { border-bottom: 10px solid #c5c5c5 !important; padding-bottom: 30px; }
.formation-box .header-bottom{ position: relative; }
/* ------------- */


/* ------------- */
.mission-box { border-bottom: 10px solid #c5c5c5 !important; margin: 0px 0px 20px 0px; }
.mission-box .page-box-header { position: relative; margin: 0px 0px; padding: 12px 25px; }
.mission-box .content-page-box { position: relative; margin: 15px 0px; }
/* ------------- */


/* ------------- */
.var-form p { font-family: Ubuntu; font-weight: normal; font-size: 13px; line-height: 18px; color: #404040; opacity: 0.99; }
.var-form ul, .var-form ol { margin: 25px 0px; padding: 0px 0px; }
.var-form ul li, .var-form ol li { margin: 5px 30px; padding: 0px 30px; list-style-type: none; background: url('images/strip.png') no-repeat -450px -482px; font-family: Ubuntu; font-weight: normal; font-size: 13px; line-height: 18px; color: #404040; opacity: 0.99; }
.layout-wrapper.attout p { font-family: UbuntuLight; font-weight: normal; font-size: 13px; line-height: 22px; color: #fff; opacity: 0.99; }
.layout-wrapper.attout p a, .layout-wrapper.attout ul li a { text-decoration: underline; }
.layout-wrapper.attout ul, .layout-wrapper.attout ol { margin: 25px 0px; padding: 0px 0px; }
.layout-wrapper.attout ul li, .layout-wrapper.attout ol li { margin: 5px 30px; padding: 0px 30px; list-style-type: none; background: url('images/strip.png') no-repeat -455px -448px; font-family: UbuntuLight; font-weight: normal; font-size: 13px; line-height: 22px; color: #fff; opacity: 0.99; }
.content-info-form { margin: 0px 0px 5px 0px; padding: 0px 0px; width: 724px; min-height: 100px; }
.content-info-form .date-bloc { position: relative; float: left; margin: 0px 0px; padding: 20px 7px 20px 77px; width: 278px !important; min-height: 60px; }
.content-info-form .lieu-bloc { position: relative; float: left; margin: 0px 0px; padding: 20px 47px 20px 77px; width: 238px !important; min-height: 60px; }
.content-info-form .date-bloc p, .content-info-form .lieu-bloc p { margin: 0px 0px; padding: 0px 0px; font-size: 13px; line-height: 18px; }

.boutton-wrapper { display: block; position: relative; margin: 0px 0px; padding: 0px 0px; width: 38px; height: 33px; float: left; }
.boutton-wrapper.postuler, .boutton-wrapper.upload{ display: block; position: relative; margin: 0px 0px; padding: 0px 0px; width: 141px; height: 30px; float: left; }
.boutton-wrapper.postuler-footer { display: block; position: relative; margin: 15px 0px 0px 515px; padding: 11px 25px 6px 15px; width: 139px; height: 27px; float: left; border: none; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.boutton-wrapper.bt_formation_header { background: url('images/strip-2.png') no-repeat -123px -14px !important; }
.boutton-wrapper.bt_formation_header.postuler, .boutton-wrapper.bt_formation_header.upload { background: url('images/strip-2.png') no-repeat -217px -18px !important; }
.boutton-wrapper.bt_formation_header.postuler-footer { background: url('images/strip-2.png') no-repeat -217px -120px !important; }
/* ------------- */


/* ------------- */
.logo-list-box { margin: 15px 0px; padding: 0px 0px; width: 220px; }
.logo-list-box a { margin: 5px 0px; padding: 0px 0px; display: block; }
/* ------------- */


/* ------------- */
#AlerteMission { margin: 15px 0px; padding: 0px 0px; }
#AlerteMission #alert_name { margin: 0px 0px; padding: 0px 0px; width: 633px; }
#AlerteMission #alert_secteur { margin: 0px 0px; padding: 0px 0px; width: 205px; }
#AlerteMission #alert_metier { margin: 0px 0px; padding: 0px 0px; width: 205px; }
#AlerteMission #alert_lieu { margin: 0px 0px; padding: 0px 0px; width: 205px; }
.hr-alert { margin: 15px 0px; padding: 0px 0px; width: 100%; border-top: 1px solid #c6c6c6; border-left: none; border-right: none; border-bottom: none; }
.item-alert { margin: 15px 0px 0px 0px; padding: 0px 0px; width: 500px; }
.item-alert .crit-alert { margin: 0px 30px 0px 0px; padding: 0px 0px; float: left; }
.crit-alert select { margin: 0px 0px 7px 0px; border: 1px solid #cccccc !important; }
/* ------------- */


/* liScroll styles */
.tickersubcontainer_pos { /* the outer div with the black border */
	width: 450px; height: 45px; 
	margin: 0; padding: 0;
	position: absolute; bottom: 0px; left: 250px;
	overflow: hidden; z-index: 0;
}

.tickercontainer { /* the outer div with the black border */
	width: 450px; height: 45px; 
	margin: 0; padding: 0;
	overflow: hidden;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative; width: 450px; overflow: hidden;
}

ul.newsticker { /* that's your list */
	position: relative; height: 45px; width: 700px;
	left: 475px; list-style-type: none; color: #333;
	font-family: UbuntuMedium; font-weight: normal; font-size: 14px; line-height: 45px;
	margin: 0; padding: 0;
}

ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0; padding: 0; width: 700px;
}



/***
 * Responsive layout for the control panel
 */
@media screen and (max-width:479px) {
	#tarteaucitron .tarteaucitronLine .tarteaucitronName {
		width: 90% !important;
	}

	#tarteaucitron .tarteaucitronLine .tarteaucitronAsk {
		float: left !important;
		margin: 10px 15px 5px;
	}
}

@media screen and (max-width:767px) {
	#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer, #tarteaucitron {
		background: #fff;
		border: 0 !important;
		bottom: 0 !important;
		height: 100% !important;
		left: 0 !important;
		margin: 0 !important;
		max-height: 100% !important;
		max-width: 100% !important;
		top: 0 !important;
		width: 100% !important;
	}

	#tarteaucitron .tarteaucitronBorder {
		border: 0 !important;
	}

	#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
		border: 0 !important;
	}

	#tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
		text-align: left !important;
	}
}

@media screen and (min-width:768px) and (max-width:991px) {
	#tarteaucitron {
		border: 0 !important;
		left: 0 !important;
		margin: 0 5% !important;
		max-height: 80% !important;
		width: 90% !important;
	}
}

/***
 * Common value
 */
#tarteaucitron * {
	zoom: 1;
}

#tarteaucitron .clear {
	clear: both;
}

#tarteaucitron a {
	color: rgb(66, 66, 66);
	font-size: 11px;
	font-weight: 700;
	text-decoration: none;
}

#tarteaucitronAlertBig a, #tarteaucitronAlertSmall a {
	color: #fff;
}

#tarteaucitron b {
	font-size: 22px;
	font-weight: 500;
}

/***
 * Root div added just before </body>
 */
#tarteaucitronRoot {
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

#tarteaucitronRoot * {
	box-sizing: initial;
	color: #333;
	font-family: sans-serif !important;
	font-size: 14px;
	line-height: normal;
	vertical-align: initial;
}

/***
 * Control panel
 */
#tarteaucitronBack {
	background: #fff;
	display: none;
	height: 100%;
	left: 0;
	opacity: 0.7;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2147483646;
}

#tarteaucitron {
	display: none;
	max-height: 80%;
	left: 50%;
	margin: 0 auto 0 -430px;
	padding: 0;
	position: fixed;
	top: 6%;
	width: 860px;
	z-index: 2147483647;
}

#tarteaucitron .tarteaucitronBorder {
	background: #fff;
	border: 2px solid #333;
	border-top: 0;
	height: auto;
	overflow: auto;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
#tarteaucitron #tarteaucitronClosePanel {
	background: #333333;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	padding: 4px 0;
	position: absolute;
	right: 0;
	text-align: center;
	width: 70px;
}

#tarteaucitron #tarteaucitronDisclaimer {
	color: #555;
	font-size: 12px;
	margin: 15px auto 0;
	width: 80%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
	background: rgba(51, 51, 51, 0.07);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
	display: none;
	position: relative;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
	background: #333;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	margin: 20px 0px 0px;
	padding: 5px 20px;
	text-align: left;
	width: auto;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
	color: #fff;
	font-weight: 500;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover {
	text-decoration: none !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {
	font-size: 22px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
	font-size: 14px;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {
	padding: 5px 10px;
}

#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
	color: #fff;
	display: none;
	font-size: 12px;
	font-weight: 500;
	margin-top: 0;
	max-width: 270px;
	padding: 20px;
	position: absolute;
	z-index: 2147483647;
}

#tarteaucitron #tarteaucitronInfo a {
	color: #fff;
	text-decoration: underline;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
	background: rgba(51, 51, 51, 0.2);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
	background: rgba(51, 51, 51, 0.1);
	border-left: 5px solid transparent;
	margin: 0;
	overflow: hidden;
	padding: 15px 5px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
	background: #333;
	border: 3px solid #333;
	border-left: 9px solid #333;
	border-top: 5px solid #333;
	margin-bottom: 0;
	margin-top: 21px;
	position: relative;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
	background: #333;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {
	margin-left: 15px;
	margin-top: 2px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName b {
	color: #fff;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
	margin-top: 0px !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
	display: inline-block;
	float: left;
	margin-left: 10px;
	text-align: left;
	width: 50%;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {
	text-decoration: underline;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
	display: inline-block;
	float: right;
	margin: 7px 15px 0;
	text-align: right;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
	background: gray;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 6px 10px;
	text-align: center;
	text-decoration: none;
	width: auto;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
	color: #333;
	font-size: 12px;
}

/***
 * Big alert
 */
.tarteaucitronAlertBigTop {
	top: 0;
}

.tarteaucitronAlertBigBottom {
	bottom: 0;
}

#tarteaucitronAlertBig {
	background: #333;
	color: #fff;
	display: none;
	font-size: 15px !important;
	left: 0;
	padding: 5px 5%;
	position: fixed;
	text-align: center;
	width: 90%;
	box-sizing: content-box;
	z-index: 2147483645;

	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
	font: 15px verdana;
	color: #fff;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
	font-weight: 700;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize {
	background: #008300;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	padding: 5px 10px;
	text-decoration: none;
	margin-left: 7px;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert {
	background: #fff;
	color: #333;
	font-size: 13px;
	margin-bottom: 3px;
	margin-left: 7px;
	padding: 4px 10px;
}

#tarteaucitronPercentage {
	background: #0A0;
	box-shadow: 0 0 2px #fff, 0 1px 2px #555;
	height: 5px;
	left: 0;
	position: fixed;
	width: 0;
	z-index: 2147483644;
}

/***
 * Small alert
 */
#tarteaucitronAlertSmall {
	background: #333;
	bottom: 0;
	display: none;
	padding: 0;
	position: fixed;
	right: 0;
	text-align: center;
	width: auto;
	z-index: 2147483646;
}

#tarteaucitronAlertSmall #tarteaucitronManager {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 11px !important;
	padding: 8px 10px 8px;
}

#tarteaucitronAlertSmall #tarteaucitronManager:hover {
	background: rgba(255, 255, 255, 0.05);
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
	background-color: gray;
	border-radius: 5px;
	display: block;
	height: 8px;
	margin-bottom: 1px;
	margin-top: 5px;
	overflow: hidden;
	width: 100%;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow,
#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
	display: block;
	float: left;
	height: 100%;
	width: 0%;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {
	background-color: #1B870B;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {
	background-color: #FBDA26;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {
	background-color: #9C1A1A;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 30px;
	padding: 0px 10px;
	vertical-align: top;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {
	background: rgba(255, 255, 255, 0.3);
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {
	display: none;
	max-height: 70%;
	max-width: 500px;
	position: fixed;
	right: 0;
	width: 100%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {
	background: #fff;
	border: 2px solid #333;
	color: #333;
	font-size: 11px;
	height: auto;
	overflow: auto;
	text-align: left;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList b {
	color: #333;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {
	background: #333;
	margin-top: 21px;
	padding: 13px 0 9px 13px;
	text-align: left;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle b {
	color: #fff;
	font-size: 16px;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {
	background: rgba(51, 51, 51, 0.1);
	padding: 7px 5px 10px;
	word-wrap: break-word;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {
	background: rgba(51, 51, 51, 0.2);
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {
	color: #333;
	text-decoration: none;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {
	display: inline-block;
	width: 50%;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a b {
	color: darkred;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {
	color: #333;
	display: inline-block;
	font-size: 11px;
	margin-left: 10%;
	vertical-align: top;
	width: 30%;
}

/***
 * Fallback activate link
 */
.tac_activate {
	background: #333;
	color: #fff;
	display: table;
	font-size: 12px;
	height: 100%;
	line-height: initial;
	margin: auto;
	text-align: center;
	width: 100%;
}

.tac_float {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.tac_activate .tac_float b {
	color: #fff;
}

.tac_activate .tac_float .tarteaucitronAllow {
	background-color: #1B870B;
	display: inline-block;
}

/***
 * CSS for services
 */
ins.ferank-publicite, ins.adsbygoogle {
	text-decoration: none;
}

div.amazon_product {
	height:240px;
	width:120px;
}

.embed-container:before, .embed-container::before {
	background-color: #f3f3f3;
}

.embed-container .tac_activate{
	position: absolute;
	bottom: 0;
}

.tac_activate {
	background-color: #f3f3f3;
	color: #333;
	font-size: 14px;
	padding-bottom: 0px;

	-webkit-box-shadow: inset 0px 0px 50px -10px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 0px 50px -10px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 50px -10px rgba(0,0,0,0.5);
}

.tac_activate .tac_float b {
	color: #333;
}

#tarteaucitron #tarteaucitronServices {
	background-color: #fff;
	color: #333;
	box-shadow: 2px 1px 12px 0px rgba(0,0,0,0.2);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine {
	background-color: #fff;
	border-color: transparent;
	border-bottom: solid 1px #e8e8e9;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine:hover {
	background-color: #fff;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine:hover .tarteaucitronName,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine:hover .tarteaucitronName b {
	color: #333;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine .tarteaucitronName,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine .tarteaucitronName a,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronMainLine .tarteaucitronName b {
	color: #333;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle{
	display: none;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine{
	background-color: #fff;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover{
	 background-color: #fff;
}

#tarteaucitron .tarteaucitronBorder{
	border: solid 0px transparent;
}


#tarteaucitronAlertBig{
	border-radius: 4px;
	background-color: #fff;
	color: #333;
	padding: 10px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 40px);
	bottom: 10px;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
	vertical-align: middle;
	font-size: 13px;
	display: inline-block;
	padding: 5px;
	color: #333;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b{
	color: #333;
}

#tarteaucitronAlertBig #tarteaucitronPersonalize{
	border-radius: 4px;
	vertical-align: middle;
	background-color: #4db13f;
	font-size: 13px;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert{
	font-size: 13px;
	border-radius: 4px;
	border: solid 1px rgba(0,0,0,0.3);
	background-color: rgba(0,0,0,0.05);
	padding: 5px 10px;
	margin-bottom: 0;
	vertical-align: middle;
}

#tarteaucitronPercentage{
	background-color: #4db13f;
}