/* ==== Scroll down to find where to put your styles :) ==== */


/* 	HTML5 Boilerplate

	html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
	v1.4 2009-07-27 | Authors:Eric Meyer & Richard Clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after { content:'';content:none;}
a { margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins { background-color:#ff9;color:#000;text-decoration:none;}
mark { background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del { text-decoration:line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted;cursor:help;}
table { border-collapse:collapse;border-spacing:0;}
hr { display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input, select { vertical-align:middle;}

/* End of Reset CSS 

fonts.css from the YUI Library:developer.yahoo.com/yui/ */

body { font:13px/1.231 sans-serif;font-size:small;
} /* hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif;}
pre, code, kbd, samp { font-family:monospace, sans-serif;}


/* 
 * HTML5 Boilerplate - minimal base styles 
*/

body, select, input, textarea { 
    color:#444;/* font-family:Georgia, serif; */
}
h1,h2,h3,h4,h5,h6 { font-weight:bold;}
a:hover, a:active { outline:none;}
a{ color:#607890;}
ul, ol { margin-left:1.8em;}
ol { list-style-type:decimal;}
nav ul, nav li { margin:0;}
small { font-size:85%;}
strong, th { font-weight:bold;}
td, td img { vertical-align:top;}
sub { vertical-align:sub;font-size:smaller;}
sup { vertical-align:super;font-size:smaller;}
pre { 
    padding:15px;white-space:pre;/* CSS2 */
    white-space:pre-wrap;/* CSS 2.1 */
    white-space:pre-line;/* CSS 3 (and 2.1 as well, actually) */
    word-wrap:break-word;/* IE */
}
textarea { overflow:auto;} /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left:-7px;} /* thnx ivannikolic! */
input[type="radio"] { vertical-align:middle;}
input[type="checkbox"] { vertical-align:bottom;}
.ie7 input[type="checkbox"] { vertical-align:baseline;}
.ie6 input { vertical-align:text-bottom;}
label, input[type=button], input[type=submit], button { cursor:pointer;}
button, input, select, textarea { margin:0;}
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
    border-radius:1px;-moz-box-shadow:0px 0px 5px red;
    -webkit-box-shadow:0px 0px 5px red;box-shadow:0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color:#f0dddd;}

/* By default the selection color is pink */
::-moz-selection{ background:#666;color:#fff;text-shadow:none;}
::selection { background:#666;color:#fff;text-shadow:none;}
a:link { -webkit-tap-highlight-color:#FF5E99;}
button {  width:auto;overflow:visible;}
.ie7 img { -ms-interpolation-mode:bicubic;}

/*
// ========================================== \\
   ||  ||
   ||   Your styles !  ||
   ||  ||
\\ ========================================== //
*/

/* Gabarit 001 */
.G001{background:url(../imgs/G001_ombreGlobal.png) repeat-y center center;}
.G001 #page {position:relative;}
.G001 nav{position:absolute;top:0;border-bottom:1px solid #fff;padding-top:21px}
.G001 header{padding-top:58px;height:102px;}
.G001 header h1{height:50px;}
.G001 #socialNetwork p{color:#999999}
.G001 .socialNetworkSuperposition{float: right;}
.G001 .socialNetworkPage{margin-bottom:10px;}
.G001 .prendre_rdv{position: relative;left: 76px;top: -136px;float:right;}

.G001 #div_side{width:314px;height:100%;margin-left:656px;}
.G001 #div_side #pub{padding-top:85px;margin: 0;}
.G001 nav ul li div.selected a{color:white;font-size:1.6em;padding-top:0;}
.G001 nav ul li a{color:#E1E1E1;}

/* Specific harmony */
.G001.H001 nav ul li a, .G001.H002 nav ul li a, .G001.H003 nav ul li a, 
.G001.H004 nav ul li a, .G001.H005 nav ul li a, .G001.H006 nav ul li a, 
.G001.H007 nav ul li a, .G001.H008 nav ul li a, .G001.H009 nav ul li a, .G001.H010 nav ul li a  {color:#D1D1D1;}

.G001 footer .nav_selected,
.G001 footer #info .highLight,
.G003 footer .nav_selected,
.G003 footer #info .highLight{
    color:white;
}
.G001 #logo .logoEditus{background-image:url(../imgs/editusWhite7fb1.png?v=140128)}
.G001 #action{margin-right:15px;}
.G001 .content_page{border-top:2px solid;border-bottom:2px solid;background-image:url(../imgs/G001_ombreMenuGauche.png);background-repeat:repeat-y;background-position:top left;}

/* Gabarit 002 */
.G002{
	background: url(../imgs/BG012.png) no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG001.html', sizingMethod='scale');	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG001.png', sizingMethod='scale')";
}
.G002 footer{margin:auto;width:986px;text-align:left;}
.G002 footer #info2,.G002 footer ul{margin-left:0px;}
.G002 footer #info,.G002 footer #logo{margin-right: 0px}
.G002 .wideFooter{width:1003px}
.G002 header a, .G002 footer,.G002 footer a,.G002 footer .info_white,.G002 footer #nav a,.G002 footer #info .color,.G002 footer .nav_selected,.G002 footer #info2{color:#000;}
.G002 .content_page{background-image:url(../imgs/G002_ombreMenuGauche.png);background-repeat:repeat-y;background-position:top left;}
.G002 .prendre_rdv {position: absolute;left: 792px;top: -133px;float:right;}

/* Background pour gabarit 002 */
.BG001{
    background:url(../imgs/BG001.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG001.html', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG001.png', sizingMethod='scale')";
}
.BG002{
    background:url(../imgs/BG002.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG002.html', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG002.png', sizingMethod='scale')";
}
.BG003{
    background:url(../imgs/BG003.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG003.html', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG003.png', sizingMethod='scale')";
}
.BG004{
    background:url(../imgs/BG004.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG004.html', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG004.png', sizingMethod='scale')";
}
.BG005{
    background:url(../imgs/BG005.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG005.html', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG005.png', sizingMethod='scale')";
}
.BG006{
    background:url(../imgs/BG012.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG012.html', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG012.png', sizingMethod='scale')";
}
.BG007{
    background:url(../imgs/BG007.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG007.html', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG007.png', sizingMethod='scale')";
}
.BG008{
    background:url(../imgs/BG008.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG008.html', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG008.png', sizingMethod='scale')";
}
.BG009{
    background:url(../imgs/BG009.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG009.html', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG009.png', sizingMethod='scale')";
}
.BG010{
    background:url(../imgs/BG010.png) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG010.html', sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/BG010.png', sizingMethod='scale')";
}
.G002 header{padding-top:25px;height:102px;float: left;}
.G002 header h1{height:50px;}
.G002 nav ul li a{
    display:block;height:17px;padding: 10px 10px 10px 0px;background:transparent url(../imgs/ongletsG002H001.html) no-repeat top right;color:white;margin-right: -8px;margin-left: 10px
}
.G002 nav ul li div.selected{background-position:0px -37px;}
.G002 nav ul li div.selected a{background-position:right -37px;}

/* barre Internationnalisation pour gabarit 002 */
.G002 #i18n{height:23px;border-bottom:2px solid white;left:0;width:100%;position: absolute;}
.G002 #i18n div{left:34px}

.G002 #content{border-bottom:20px solid white;border-right:16px solid white;}
.G002 #socialNetwork p{color:white;}
.G002 #div_side{margin-top:189px;width:676px;}
.G002 #action{background-color:white;padding-bottom:10px;padding-left:45px;padding-top:9px;position:relative;width:268px;}
.G002 .accueil{border-left:16px solid white;border-top:20px solid white;}
.G002 .socialNetworkSuperposition{margin-left:926px;top:-238px;}
.G002 .socialNetworkPage{margin-right:-26px;margin-top:-29px;}
.G002 #div_side #pub{margin-left:60px;}


/* Gabarit 003 */
.G003{background:transparent url(../imgs/backgroundG003.png) top center repeat-x;}
.G003 #bg_double{min-height: 100%;width: 100%;background:url(../imgs/backgroundDegradesG003.png) no-repeat top center transparent;}
.G003 header{padding-top:22px;padding-bottom:11px;width:970px;text-align:center;}
.G003 header img{padding:3px;margin-top:auto;margin-bottom:auto;margin-left:16px;margin-right:24px;border:1px solid white;background-color:#fff;float:left;max-width:160px;max-height:80px;}
.G003 .socialNetworkPage{margin:-84px 0 0 0;float:right;}
.G003 .content_page{position:relative;display:block;margin:auto;text-align:left;border-right:16px solid white;width:954px;background-color:white;min-height: 500px;}
.G003 .side{background-color:#f7fced;padding-bottom:44px;border:1px solid #cccccc;}
.G003 #information .info_title span{padding-left:25px;}
.G003 .presentation{padding:0 14px 40px;}
.G003 .picture_box{width:561px;}
.G003 nav{width:994px;margin-left:-12px;margin-top:2px;height:53px;}
.G003 nav ul{width:984px;padding:2px 0 0;}
.G003 nav ul li{padding:0;border-left:1px solid #fff;}
.G003 nav ul li div a{padding:10px;color:white;line-height:19px}
.G003 #action{background-color:white;padding-bottom:10px;padding-left:45px;position:relative;width:268px;}
.G003 .titleShortBackground{height:36px;width:306px;margin-left:-28px;}
.G003 nav .firstChild{display:block;height:51px;padding-left:12px;margin-right:1px;border-left: 0px none;}
.G003 nav .lastChild{
    display:block;height:39px;margin-right:-10px;margin-left:1px;
}

.G003 .accueil{border-bottom:5px solid white;width:970px;border-right:0px;margin-top:-9px;}
.G003 .socialNetworkSuperposition{left: 315px;top: -168px;}
.G003 #div_side{margin-top:93px;width:343px;margin-left:577px;position:absolute;}
.G003 #div_side #pub{padding-left:12px;}
.G003 #breadcrumbs{padding-top:0px;margin-left: 0px}
.G003 #news{margin-left:10px}
.G003 #catalogue{margin-left:10px}
.G003 #logo .logoEditus{background-image:url(../imgs/editusWhite7fb1.png?v=140128)}
.G003 .prendre_rdv{position: relative;top: -86px;left: -57px;float: right;height: 16px;}

/* Exception H009 */
.H009 #map a,
.H009 .enter a,
.H009 h2 a,
.H009 h2,
.H009 .showAll{
    color:#03B7F2 !important;
}

/* Elements generaux */
body,html{height:100%;}
body *{font-size:100%;font-family:Arial,Helvetica,sans-serif;}
body{
	padding: 0;
	color: black;
	text-align: center;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	/* [disabled]margin-top: 0; */
}
#page,.G001 #bg_double{min-height:100%;width:970px; margin: auto;}
h1 { font-size:2em;margin:.67em 0 }
h2 { font-size:1.5em;margin:.83em 0 }
h2 a{text-decoration:none;}
h3 { font-size:1.15em;margin:1em 0 }
h5 { font-size:1em;line-height:1.2em;font-weight:normal }
h6 { font-size:.7em;margin:2.3em 0 }
ul{list-style-type:none;}
section, .clear{clear:both;}
header,nav,footer,.G001 #content,.G002 #content,#i18n div{position:relative;display:block;margin:auto;width:970px;text-align:left;}
.leftDiv{float:left;}
.rightDiv{float:right;}
#title{font-size: 2em}


/* switcher gabarit, harmonie, background */
.switcher_selected{font-size: 1.2em;font-weight: bold;color: black;}


/* Zoom produit Thickbox */
#TB_overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}
#TB_window{
    background:none repeat scroll 0 0 #FFFFFF;border:4px solid #525252;color:#000000;display:none;position:fixed;text-align:left;z-index:10000;
    top:190px;left:50%;width:535px;
}
#TB_window img#TB_Image{
    border-color:#666666 #CCCCCC #CCCCCC #666666;border-right:1px solid #CCCCCC;border-style:solid;border-width:1px;display:block;margin:29px 15px 15px 15px;max-width:500px;max-height:500px;
}
#TB_closeWindow{float:right;height:25px;padding:4px 15px 10px 0}
.TB_overlayBG{background-color:#000000;opacity:0.75;display:none}

/*scrollbar*/
.viewport{overflow:hidden;position:relative;z-index:1;}
.viewport .overview{list-style:none;position:absolute;left:0;top:0;}
.scrollbar{
    position:relative;float:right;width:8px;z-index:2;background:transparent url(../imgs/scrollbarTrack.png) no-repeat center top;padding-top:3px;
}
.scrollbar .track{
    background:transparent url(../imgs/scrollbarTrack.png) no-repeat center bottom;height:100%;width:100%;position:relative;padding-bottom:3px;
}
.scrollbar .track .thumb{
    background:transparent url(../imgs/scrollbarThumb.png) no-repeat center bottom;height:20px;width:8px;cursor:pointer;position:absolute;top:0;padding-top:2px;
}
.scrollbar .track .thumb .end {
    overflow:hidden;height:11px;width:8px;background:transparent url(../imgs/scrollbarThumb.png) no-repeat center top;margin-top:-4px;
}
.disable{display:none;}

/*les icones*/
.file{display:block;padding-left:20px;background:transparent url(../imgs/icoTypeFichier.gif) no-repeat 0px -192px;}
.pdf{background-position:0px -242px;}
.doc,.docx{background-position:0px 0px;}
.xls,.csv,.xlsx{background-position:0px -94px;}
.zip,.rar{background-position:0px -143px;}
.jpg,.gif,.png,.bmp,.jpeg{background-position:0px -48px;}

.logoEditus{
    display:block;float:right;height:49px;width:95px;background:transparent url(../imgs/icones7fb1.png?v=140128) no-repeat 0px 0px;margin-right:5px
}
.logoPT{
    display:block;float:right;margin-top:26px;height:22px;width:40px;background:transparent url(../imgs/icones.png) no-repeat 0px -55px;margin-left: 10px
}
.mail{
    display:block;float:left;margin-top:4px;height:10px;width:14px;background:transparent url(../imgs/icones.png) no-repeat -64px -55px;
}
.sms{
    display:block;float:left;height:16px;width:9px;background:transparent url(../imgs/icones.png) no-repeat -79px -54px;
}
.print{
    display:block;float:left;height:16px;width:15px;background:transparent url(../imgs/icones.png) no-repeat -64px -67px;
}
.affichageListe{
    display:block;float:left;height:19px;width:19px;background:transparent url(../imgs/icones.png) no-repeat -134px -19px;
}
.affichageListe_off{
    display:block;float:left;height:19px;width:19px;background:transparent url(../imgs/icones.png) no-repeat -95px 0px;
}
.affichageDiaporama{
    display:block;float:left;height:19px;width:19px;background:transparent url(../imgs/icones.png) no-repeat -115px 0px;
}
.affichageDiaporama_off{
    display:block;float:left;height:19px;width:19px;background:transparent url(../imgs/icones.png) no-repeat -134px 0px;
}
.facebook{
    display:block;float:right;height:18px;width:18px;background:transparent url(../imgs/icones.png) no-repeat -95px -20px;
}
.twitter{
    display:block;float:right;height:18px;width:18px;background:transparent url(../imgs/icones.png) no-repeat -115px -20px;margin-right:10px
}
.catalogueDetail{
    display:block;float:left;height:18px;width:18px;background:transparent url(../imgs/icones.png) no-repeat -95px -39px;
}
.cataloguePrecedent{
    display:block;float:left;height:19px;width:19px;background:transparent url(../imgs/icones.png) no-repeat -115px -39px;
}
.pagerSuivant{
    display:block;float:left;margin-top:3px;height:10px;width:11px;background:transparent url(../imgs/icones.png) no-repeat -80px -71px;
}
.pagerPrecedent{
    display:block;float:left;margin-top:3px;height:10px;width:11px;background:transparent url(../imgs/icones.png) no-repeat -80px -83px;
}
.titleShortBackground{
    display:block;float:left;height:30px;width:281px;
}
.titlelongBackgroundC1{
    display:block;float:left;height:30px;width:601px;background:transparent url(../imgs/titresH001.html) no-repeat -288px 0px;
}
.drapeau{
    display:block;float:right;height:12px;width:18px;background:transparent url(../imgs/icones.png) no-repeat 0px 0px;
}
.allemagne,.deu{background-position:-95px -59px;}
.angleterre,.eng{background-position:-113px -83px;}
.chine,.zho{background-position:-113px -83px;}/**/
.espagne,.spa{background-position:-113px -59px;}
.france,.fra{background-position:-95px -71px;}
.italie,.ita{background-position:-113px -71px;}
.japon,.jpn{background-position:-113px -83px;}/**/
.luxembourg,.ltz{background-position:-95px -83px;}
.neerlandais,.nld{background-position:-113px -83px;}/**/
.portugal,.por{background-position:-113px -83px;}/*..*/
.russie,.rus{background-position:-113px -83px;}
.suede,.swe{background-position:-113px -83px;}
.finlande,.fin{background-position:-113px -83px;}
.pologne,.pol{background-position:-113px -83px;}
.grece,.ell{background-position:-113px -83px;}
.bosnie,.bos{background-position:-113px -83px;}
.letton,.lav{background-position:-113px -83px;}
.bulgarie,.bul{background-position:-113px -83px;}
.hongrie,.hun{background-position:-113px -83px;}
.thailande,.taw{background-position:-113px -83px;}
.danemark,.dan{background-position:-113px -83px;}
.roumanie,.ron{background-position:-113px -83px;}
.perse,.fas{background-position:-113px -83px;}
.arabe,.ara{background-position:-113px -83px;}
.albani,.sqi{background-position:-113px -83px;}
.bangladesh,.ben{background-position:-113px -83px;}
.croatie,.hrv{background-position:-113px -83px;}
.yougoslavie,.slk{background-position:-113px -83px;}
.ukraine,.ukr{background-position:-113px -83px;}

/*les fleches colorees*/
.show{display:block;cursor:pointer;float:left;margin-top:5px;height:7px;width:20px;}
.hide{display:block;cursor:pointer;float:left;margin-top:3px;height:10px;width:20px;}


/*le header*/
nav {z-index:101;}
nav ul{padding:0px 15px 19px 22px;}
nav ul li{float:left;padding:0 9px;}
nav ul li a{
    display:block;text-decoration:none;font-weight:bold;font-size:1.25em;padding-top:0.25em;
}
nav ul li a:hover{color:#fff;}
#i18n{position:absolute;z-index:1000;}
#i18n div{text-align:right;top:5px;width:938px;}
#i18n a{margin-left:16px;}
header{clear:both;display:block;z-index:10}
header h1{color:#fff;}
header img{
    padding:3px;margin-top:16px;margin-bottom:16px;margin-left:16px;margin-right:16px;border:1px solid white;float:left;max-width:600px;max-height:80px;
}
header h1{float: left;margin-top: 35px;margin-left: 31px;width: 730px;text-align: left;}
header a{text-decoration:none;color:white;}

#headerPlus{position:relative;}


/*le footer*/
footer{padding-bottom:20px;}
footer #nav{width:520px;float:left;font-size: 0.95em;}
footer #nav ul li{margin-right:5px;margin-top:15px;float:left;}
footer a{text-decoration:none;color:#fff;}
footer,footer #nav a,footer #info .color,footer .nav_selected,footer #info2{color:#fff;}
#info{
    text-align:right;margin-right:22px;float:right;width:420px;margin-top:15px;font-size:0.95em;
}
footer #info2{float:left;margin-left:22px;margin-top:10px;width:50%;font-size:0.7em;min-height: 10px;}
.info_white{color:white;}
#logo{float:right;margin-right:22px;margin-top:10px;width:280px;height:50px;}


/* sidebar */
.side{width:281px;height:100%;float:right;padding:0 16px 20px;}
#mappy{width:275px;height:210px;margin:8px 0;background-color:#FFF3DC;border:3px solid white;}
#information p{font-size:0.95em;font-weight:bold;padding-left: 10px;}
#information .info_title{margin-top:22px;margin-bottom:5px;padding-top:5px;}
#information .info_title h4{color:white;font-size:1.25em;padding-left:10px;margin-bottom:10px;position:relative;}
#action div{display:inline;}
#action div span{margin-left:5px;}
#action a{float:left;margin-left:5px;font-weight:bold;}
#action .textGray{color:#999999;}
.enter{position:relative;padding: 5px 0;}
.enter li{margin-top:5px;padding-left:10px;}
#organisation{font-weight:bold;padding-left:10px;}
#organisation .spacer{margin-bottom:10px}
#organisation .address{font-size:0.85em;color:#b3b6ae;margin:0;}
#organisation h3{margin-bottom:5px;}
#flags a{margin-left:16px;float:left;}
.center{width:170px;margin:auto;}
.finance{margin-top:10px;margin-left:20px;font-size:0.95em;}
.fontStandard{font-size:0.95em;}
.user{width:21px;height:23px;float:left;margin-right:20px}
#decideur{display:none;overflow:hidden;position:relative;}
#decideur .leftDiv{width:240px;}
.showAll{float:left;margin-bottom:20px;font-weight:bold;}

.schedules {float: left; width: 281px;margin-bottom: 10px;}
.schedules tr {line-height:14px;}
.schedules th{width: 100px;padding:5px;text-transform:capitalize;width: 30%;}
.schedules td{text-align: center;padding:5px;width: 30%;}
.schedules .pair{background-color:#FFFFFF;}
.schedules .impair{background-color:#F1F1F1;}
.schedules_comp {line-height:18px;}

/* fil d'ariane' */
#breadcrumbs{padding-top:10px;font-size:0.95em;margin-bottom:10px;margin-left:-16px}
#breadcrumbs #breadcrumbs_home{color:#999999;}
#breadcrumbs #breadcrumbs_page{font-weight:bold;}
#breadcrumbs a{text-decoration:none;}

/* index */
#content.content_page.accueil{background-image:url(../imgs/accueil.png);height:520px;}
#div_side{background:transparent url(../imgs/accueilOpacity.png) repeat 0 0;}
#div_side #pub{color:white;font-size:2.3em;font-style:italic;padding: 0 10px 20px;}
#socialNetwork{width:60px;height:28px;text-align:right;position: relative;z-index: 1001;}
#socialNetwork a{margin-top:5px;margin-left:5px;float:right;}
#socialNetwork p{float:left;margin-top:5px;margin-left:23px}
#div_side .socialNetworkPage{position:relative;z-index:100;}
.socialNetworkSuperposition{position:relative;z-index:100;}
.socialNetworkPage{margin-left:43px;}
.prendre_rdv {margin-top:0px;text-align: right;width: 198px;position: relative;z-index: 1001;}

/* presentation */
.presentation{width:597px;float:left;padding:0 30px 40px;}
.picture_box{
    width: 555px;height: 342px;margin: auto;margin:auto;padding: 7px;border: 1px solid #cccccc;
}

/*diaporama + video*/
#video{position:relative;margin:10px 0;}
#diaporama{position:relative;margin:auto;clear:both;height:1px;width:1px;overflow:hidden;}
#diaporama .img{position:absolute;top:0;left:0;text-align:center;overflow:hidden;}
#diaporama .img img{margin:auto;}
.prev, .next {
	position:absolute;top:50%;margin-top:-15px;background-color:#000000;color:#FFFFFF;padding:10px 15px;font-size:1.3em;font-weight:bold;text-decoration:none;
	opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;-ms-filter:"alpha(opacity=0.6)";-khtml-opacity:0.6;display: none
}
.next{right:0;}
.prev{left:0;}

.contactForm{position:relative;margin-left:8px;}

/* presentation & actualite */
section.text{margin:0px 8px;width: 99%;}
section.text p{font-size:0.95em;}
.news{width:530px;padding:5px 5px 30px 20px;min-height:170px;margin:auto;margin-top:28px;overflow:hidden;background:url(../imgs/actualiteBottom.gif) no-repeat bottom #eeeeee;}
#title_news{font-size:1.85em;margin-top:0px;margin-bottom:0px}
#title_news a{text-decoration:none;}
.single{padding-top:10px;clear:both;}
.news .single{width:550px;}
.single_news{width:425px;font-size:0.95em;margin-right:35px;float:right;text-align: justify;}
.single_news p a{text-decoration:none;color:black;}
.single_news p a:hover{text-decoration:underline;}
.single_news h5{font-size:1.2em;font-weight:bold;color: #646464;margin-bottom:15px;}
.single_news .sup{font-weight:bold;margin-top:10px;float:right}
.single_news ul {list-style-type: disc;}
.ico_date{display:block;float:left;margin-right:5px;background:transparent url(../imgs/icoActualites.png) no-repeat 0px 3px;width:26px;height:30px;}
.ico_date.nouveaute{background-position:0px -116px}
.ico_date.evenement{background-position:0px -74px}
.ico_date.promotion{background-position:0px -39px}
.ico_date.lastMinute{background-position:0px 0px}
.news_date{color:#646464;font-size:0.95em;font-weight:bold;float:left;width:50px;}
.news_year{color:#646464;font-size:0.85em;font-weight:normal;float:left;}
#news h1{margin-top: 0px;}
#news #subtitle {font-size: 1.15em; font-style:italic; text-align:center;}
#news .menu {display:block;text-align:center;}
#news .menu h5{font-size:1.3em;text-decoration:underline;font-weight:bold;margin-top:20px;margin-bottom:10px;}
.legend{font-size:0.85em; padding:5px; margin-left: auto; margin-right: auto; width: 430px; margin-top: 10px;}
.legend .left{float:left;margin-top:5px;}
#news article { border-bottom:1px solid #ccc;}

/* produit */
#produit{margin-left: 11px;}
#produit h4{margin-bottom:10px;margin-top:10px;font-size:1.2em}
#produit li{float:left;width:250px;margin-bottom:10px;padding:0 10px;}

/* catalogue */
.pager{word-spacing:10px;font-weight:bold;margin-bottom: 50px;margin-left: 209px;}
.pager a{text-decoration:none;}
.pager li{float:left;padding:0 5px;}
.page_selected a{color:white;}
.section{padding:15px;border:1px solid #cccccc;margin-top:10px;min-height:100px;}
.diapo{
    width:177px;min-height:239px;padding-top:13px;border:1px solid #cccccc;margin-bottom:18px;text-align:center;-moz-border-radius:10px;margin-right: 5px;
}
.diapo .titre{font-size:0.85em}
.diapo .diapoPrix{margin-top:5px;}
.diapo_middle{float:left;margin-left:31px;}
.section .ref{font-size:0.85em;}
.titre{font-size:1.1em;}
.diapo img{margin-bottom:5px;}
.description{font-size:0.85em;}
.description p{margin-top:5px;margin-bottom:10px;}
.prix{float:right;min-height:60px;margin-left:15px;padding-right:18px}
.prix strong{font-size:1.25em}
.img{float:left;margin-right:5px;}
.small_text{font-size:0.85em;font-style:italic;color:#999999;}
.espace_left a{margin-left:5px;}
#catalogue .section h4 {display: inline;}

/*fiche detaillee*/
.pagerFiche{font-weight:bold;margin-bottom: 24px;}
.pagerFiche a{text-decoration:none;}
.pagerFiche a:hover{text-decoration:underline;}
.pagerFiche li{float:left;padding:0 5px;}
.pagerFiche .pagerSuivant{float:right; margin-left:3px;}
.retour span{float:right;}
.retour .cataloguePrecedent{margin-left:10px;}
.articleDetaille .image{position:relative;float:left;margin-right:40px;padding-right:25px;min-width: 330px;}
.articleDetaille .image img{
    border:1px solid #dddddd;padding:13px;
}
.articleDetaille .image .catalogueDetail{position:absolute;bottom:3px;right:0;}
.articleDetaille .infos{float:left;margin-top:115px;}
.articleDetaille .infos .det_prix{font-weight:bold;font-size:1.6em;}
.articleDetaille .infos .det_disponibilite{font-style :italic;color:#808080;}
.articleDetaille .titre{display:block;font-size:1.85em;font-weight:bold;margin:0.3em 0;}
.articleDetaille .categorie{margin-top:10px;}
.articleDetaille ul {list-style-type: inherit;}


/*formulaire de contact*/
.contact .mid{display:block;float:left;width:275px;margin-right:5px;}
.contact .total{display:block;clear:both;width:559px;}
.contact fieldset input{margin-bottom:3px;}
.contact{float: left;}
.button1{
    float:right;margin-right:10px;border:0 none;padding-bottom:8px;width:115px;height:34px;text-align:center;color:#fff;font-weight:bold;font-size:1.2em;
}
#depart fieldset,#arrive fieldset{width: 220px;}

/*plan mappy*/
#planContact{width:100%;height:325px;border:1px solid #cccccc;background-color:#ffe3b1;margin-bottom: 10px;}
h2.titleLongBackground{
    width:582px;height:26px;font-size:1.3em;color:#fff;padding:5px 10px;font-weight:normal;margin:0 0 0.4em;
}
h2.titleLongBackground label{font-size:0.9em;font-weight:bold;}
.option{
    display:block;padding:10px;background-color:#f1f1f1;border:1px solid #cccccc;width:565px;margin-left:3px;
}
.option .titre{color:#8c8b8b;font-weight:bold;}
.left{display:block;float:left;margin-right:10px;}
.left h3{font-size:1.1em;color:#666666;margin:0 0 0.5em;}
.left fieldset label{display:block;line-height:2em;clear:both}
.left fieldset label input{width:155px;margin-left:5px}
.left fieldset label strong{width:50px;float:left}
.button2{
    float:right;padding-bottom:8px;margin-top:40px;border:0 none;width:115px;height:49px;text-align:center;color:#fff;font-weight:bold;font-size:1.2em;
}


/*calcul d'itineraire*/
.error{
    position:absolute;background-color:#fff;color:#f00;display:none;padding:10px;top:10px;left:50%;margin-left:-150px;width:300px;cursor:pointer;z-index:1;border:2px solid #FF0000;
}
.error.activem, .wait.active{display:block;}
.wait{
    position:absolute;background:#fff url(../imgs/ajax-loader.gif) no-repeat 5px 5px;color:#000;display:none;padding:5px 5px 5px 30px;top:10px;left:50%;margin-left:-75px;width:150px;cursor:pointer;z-index:1;border:1px solid #000;
}
#itineraireResultat{position:relative;display:block;margin-left:16px;}
#itineraireResultat.off{display:none;}
#roadbook .summary{padding:10px 0;}
#roadbook li{background-image:none;}


/*picto mappy*/
.cible{
    position:relative;width:37px;height:46px;text-align:center;color:transparent;line-height:30px;font-size:12px;-moz-user-select:none;background-image:url(../imgs/ciblePlan.png);
}
.drapeauDepart,
.drapeauArrivee{
    background:transparent url(../imgs/panel-mappy.png) no-repeat 0px 0px;height:29px;width:29px;
}
.drapeauDepart{background-position:-4px -4px;}
.drapeauArrivee{background-position:-4px -152px;}


/* 
 * Non-semantic helper classes 
*/

/* for image replacement */
.ir { display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr;}

/* Hide for both screenreaders and browsers */
.hidden { display:none;visibility:hidden;}

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { position:absolute !important;
                  clip:rect(1px 1px 1px 1px);/* IE6, IE7 */
                  clip:rect(1px, 1px, 1px, 1px);}

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility:hidden;}

/* Clearfix */
.clearfix:before, .clearfix:after {
    content:"\0020";display:block;height:0;visibility:hidden;
}
.clearfix:after { clear:both;}
.clearfix { zoom:1;}

/*
 *  CSS3 Media queries
*/

@media all and (orientation:portrait) { 

}

@media all and (orientation:landscape) { 

}

@media screen and (max-device-width:480px) {

}

@media print {
    * { background:transparent !important;color:#444 !important;text-shadow:none !important;}
    a, a:visited { color:#444 !important;text-decoration:underline;}
    a:after { content:" (" attr(href) ")";}
    abbr:after { content:" (" attr(title) ")";}
    .ir a:after { content:"";}  /* Don't show links for images */
    pre, blockquote { border:1px solid #999;page-break-inside:avoid;}
    thead { display:table-header-group;} /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img { page-break-inside:avoid;}
    @page { margin:0.5cm;}
    p, h2, h3 { orphans:3;widows:3;}
    h2, h3{ page-break-after:avoid;}
}

.captcha{display: inline-block;}
#zoneCaptcha {display: inline-block;float: right; margin: 0 22px 0 0;}
#zoneCaptcha input {width: 195px;}
.contactForm .button1 {margin: 10px 20px;}   
.contactForm input[type="checkbox"] {margin-top:3px; margin-right:1px;}
.blocMenu H2 {text-align:center;}