/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#232323; text-align:center;}
:focus { outline:none}
img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}
.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.hide  { display:none;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.4em; color:#595959;}
input, select { vertical-align:middle; font-weight:normal;}
a {color:#ff3600;}
a:hover{text-decoration:none;}
p {padding-top:16px;}
h2{ font-size:4em; line-height:1.125em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#434343; word-spacing:-1px; padding-bottom:16px;}
h2 strong{ color:#f13200; font-weight:normal;}
h3{ font-size:2.5em; line-height:1.133em; color:#ececec; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding-bottom:20px; position:relative;}
h4{ font-size:2em; font-weight:normal; line-height:1em; font-family:Arial, Helvetica, sans-serif; color:#434343; padding-bottom:8px;}
h4 span{ display:block; font-size:0.833em; font-size:0.62em; line-height:1.5em; color:#b2b0b0; margin-top:-3px;}
cite{ display:block; font-style:normal; padding-bottom:17px;}
ol{list-style-type: decimal; margin-left:1.5em; }


/* ============================= main layout ====================== */
.imgindent {margin:-5px 20px 0 0; float:left;}
.imgindent2 {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:435px;}
.space1{ margin-left:55px;}
.space2{ margin-left:41px;}
.space3{ margin-left:58px;}
.padding1{ padding-top:35px;}
.padding2{ padding-top:30px;}
.padding3{ padding-top:16px;}

/* ============================= header ====================== */
#header{ background:url(images/header-tail.jpg) top repeat-x;}
#header .wrapper{ background:url(images/header-bg.jpg) bottom center no-repeat;}
#header .top{ width:100%;}
#header .menu{ float:right; z-index:100 }
#header .menu ul{ padding:47px 0 0 0;}
#header .menu li{ float:left; padding-left:2px;}
#header .menu a{ color:#ffffff; text-transform:uppercase; font-size:11px; font-weight:bold; text-decoration:none; display:block; background:url(images/menu-item-tail.gif) repeat-x; cursor:pointer;}
#header .menu a span{ display:block; background:url(images/menu-item-left-bg.gif) no-repeat;}
#header .menu a span span{ background:url(images/menu-item-right-bg.gif) top right no-repeat; padding:11px 12px 8px 13px; text-align:center;}
#header .menu a:hover, #header .menu .active{background:url(images/menu-item-tail-act.gif) repeat-x; color:#000000; font-weight:bold;}
#header .menu a:hover span, #header .menu .active span{ background:url(images/menu-item-left-bg-act.gif) no-repeat;}
#header .menu a:hover span span, #header .menu .active span span{ background:url(images/menu-item-right-bg-act.gif) top right no-repeat;}
	
#header	.quickMenu 							{ position:absolute; left:0px; top:5px; width:100%; }
#header	.quickMenu ul 						{ text-align:right; margin-right:43px }
#header	.quickMenu li 						{ display: inline; padding:0 6px 0 10px; border-left:1px solid #fff; }
#header	.quickMenu a 						{ color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none }
#header	.quickMenu a:hover 					{ text-decoration:underline }
#header	.quickMenu .noBorder				{ border:none; }

#header .logo{ position:absolute; top:0; left:-71px}
#header .logo img{ position:relative;}
#home #header .indent{ display:block; padding:49px 0 0 62px; }
#header .indent{  display:none  }
#header .indent h2{ display:none }
#header .indent ul{ display:none  }

.header-list{ padding-left:13px;}
.header-list li{ font-size:2em; line-height:1.167em; color:#b3afaf; font-family:Arial, Helvetica, sans-serif; background:url(images/header-list-marker.gif) no-repeat 0 7px; padding:0 0 10px 28px; word-spacing:-2px; position:relative;}
.header-list a{ font-size:1.25em; text-decoration:none; color:#595858; font-weight:normal; display:inline-block; line-height:1.133em;}
.header-list a:hover{ color:#f13200;}

.header-link{ display:block; width:158px; height:36px; background:url(images/header-link.gif) top no-repeat; color:#ffffff; font-weight:bold; text-decoration:none; text-transform:uppercase; position:absolute; margin:227px 0 0 1px;}
.header-link span { display:none}
.header-link:hover{ background:url(images/header-link-act.gif) bottom no-repeat;}

/* ============================= content ====================== */
.row-1{ background:#ffffff;}
.row-1 .indent{ padding:12px 10px 16px 64px;}
.row-1 .indent2{ padding:31px 37px 33px 64px;}
.row-1 .link{ display:inline-block; font-weight:bold; margin-top:4px;}
.row-1 .link1{ display:inline-block; margin-top:22px; background:url(images/row1-list-marker.gif) no-repeat 0 6px; padding-left:10px; color:#595959; font-size:1.083em; line-height:1.154em;}
.row-1 .line1{ background:url(images/row1-line.gif) repeat-y 295px 0; width:100%;}
.row-1 .line2{ background:url(images/row1-line.gif) repeat-y 609px 0; padding:19px 0 21px 0;}
.row-1 .line-padding{ padding:19px 0 21px 0;}
.row-1 strong{ font-size:1em; display:block; line-height:1.231em;}
.row-1 h3{ color:#434343; margin-top:-8px;}

.row-1 .list{ margin-top:-5px;}
.row-1 .list li{ font-size:1.083em; line-height:1.538em; color:#ff3600; background:url(images/row1-list-marker.gif) no-repeat 0 8px; padding-left:9px;}
.row-1 .list a{ color:#595959;}

.block1{ background:url(images/block1-bg.jpg) right bottom no-repeat; padding:0 80px 4px 0;}
.block2{ background:url(images/block2-bg.jpg) right bottom no-repeat; padding:0 75px 4px 0;}
.block3{ background:url(images/block3-bg.jpg) right bottom no-repeat; padding:0 70px 4px 0;}

.row-2{ background:#484340; color:#adadad;}
.row-2 a{ color:#FF3600; font-weight:bold; }
.row-2 .indent{ padding:23px 10px 20px 64px;}
.row-2 .line1{ background:url(images/row2-line.gif) repeat-y 295px 0; width:100%;}
.row-2 .line2{ background:url(images/row2-line.gif) repeat-y 609px 0; padding:10px 0 17px 0;}
.row-2 .line-padding{ padding:10px 0 17px 0;}
.row-2 strong{ font-size:1.083em; display:block; padding-bottom:14px; line-height:1.231em;}
.row-2 .link{ display:inline-block; color:#ffffff; font-weight:bold; font-size:1.083em; line-height:1.2em; margin-top:20px;}

.row-2 .list{ margin-top:5px;}
.row-2 .list li{ font-size:1.083em; line-height:1.75em; background:url(images/row2-list-marker.gif) no-repeat 0 9px; padding-left:11px;}
.row-2 .list a{ color:#dadada;}

.rss{ margin-left:4px;}
.rss img{ margin:12px 0 0 0;}
.marker{ color:#ffffff; padding-right:10px;}
.author{ color:#ffffff;}

dt{ font-weight:bold; color:#dadada; font-size:1.083em;}
dt span{ color:#9b9b9b;}
dd{ padding-bottom:28px;}
.last{ padding-bottom:0;}

.portrait { float:left; padding:5px; background-color:#e1e1e1; border:#a1a1a1 1px solid; margin:0 15px 15px 0}

/* ============================= service ====================== */
#section h4{ font-size:1.5em; font-weight:normal; line-height:1em; font-family:Arial, Helvetica, sans-serif; color:#434343; padding:25px 0 12px; margin-top:15px; border-top:#a1a1a1 1px dashed}
#section h5{ padding:15px 0 2px;}

#section strong{ padding-bottom:2px;}
#section .list strong  { padding-bottom:6px; font-size:1em;} 
#section .list  { margin-top:10px;}
#section .list li{ font-size:1em; line-height:1.3em; color:#595959; background:url(images/row1-list-marker.gif) no-repeat 0 5px; padding-left:9px; padding-bottom:7px}
#section .list li span.listPadding { display:block; padding-bottom:6px}
#section ol  { margin-top:10px;}
#section ol li{ font-size:1em; color:#595959; padding-bottom:7px; margin-left:5px }

#section .sous-section { padding-left:40px}

/* ============================= nouvelles ====================== */
#section h4.news_title{ font-size:1.5em; font-weight:normal; line-height:1em; font-family:Arial, Helvetica, sans-serif; color:#434343; padding:0 0 15px; margin-top:0; border-top:none}
#section h5.news_date{ padding:0 0 2px;}

.news_holder{ border-top:#a1a1a1 1px dashed; padding-top:20px; margin-bottom:20px}

#nouvelles h4{ font-size:1.5em; font-weight:normal; line-height:1em; font-family:Arial, Helvetica, sans-serif; color:#434343; padding:0 0 15px; margin-top:0; border-top:none}
#nouvelles h5{ padding:20px 0 2px;}
#nouvelles hr { border-top:#a1a1a1 1px dashed; background:none; color:#fff; height:0px}
#nouvelles { margin-bottom:0}

/* ============================= documentation ====================== */
#section .doc_list  { margin-top:10px;}
#section .doc_list li{ font-size:1em; line-height:1em; color:#595959; padding-bottom:15px}
#section .ppt		 { background:url(images/doc_icons/ppt.png) bottom left no-repeat; padding-left:25px; padding-top:5px}
#section .pdf		 { background:url(images/doc_icons/pdf.png) bottom left no-repeat; padding-left:25px; padding-top:5px}
#section .img		 { background:url(images/doc_icons/page_white.png) bottom left no-repeat; padding-left:25px; padding-top:5px}

#section .img_list  { margin-top:10px;}
#section .img_list li{ float:left}
#section .img_list li img{ padding:5px; background-color:#e1e1e1; border:#a1a1a1 1px solid; margin:0 15px 15px 0}

#section .sous-section { padding-left:40px}

/* ============================= contact ====================== */
#contact h4{ font-size:1.5em; font-weight:normal; line-height:1em; font-family:Arial, Helvetica, sans-serif; color:#434343; padding:25px 0 12px; margin-top:15px; border-top:#a1a1a1 1px dashed}
#contact h5{ padding:15px 0 2px;}

#contact strong{ padding-bottom:2px;}
#contact .row-1 .list  { margin-top:10px;}
#contact .row-1 .list li{ font-size:1em; line-height:1.3em; color:#595959; background:url(images/row1-list-marker.gif) no-repeat 0 5px; padding-left:9px; padding-bottom:7px}
#contact ol  { margin-top:10px;}
#contact ol li{ font-size:1em; color:#595959; padding-bottom:7px }

#section .sous-section { padding-left:20px}

/* ============================= footer ====================== */
#footer{ background:#232323; color:#adadad; font-size:1.083em; line-height:1.154em;}
#footer a{ color:#ffffff; font-weight:bold;}
#footer .text{ padding:30px 0 0 62px;}

#mauris									{ float:right }

/* ============================= forms ============================= */
#ContactForm{ padding-top:5px;}
#ContactForm .col-1{ width:296px;}
#ContactForm .col-2{ width:264px;}
#ContactForm label{ display:block; height:42px;}
#ContactForm input{ border:solid 1px #adadad; background:#5b5b5b; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; padding:3px 0 3px 3px; width:225px;}
#ContactForm textarea{ border:solid 1px #adadad; background:#5b5b5b; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; padding:3px 0 3px 3px; width:260px; height:99px; overflow:auto;}
#ContactForm .link{ float:right; margin:15px 20px 0 0px; line-height:1.154em;}