/* ----- eric meyer's css reset & clearfix */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
html, body { height: 100%; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear { display: inline-block; }
html[xmlns] .clear { display: block; }
* html .clear { height: 1%; }
.tinyol ul { }
#news li { padding-bottom:0px !important;}
.tinymce ul { margin-left:25px; list-style-type:disc; }
.tinymce ol { margin-left:25px; list-style-type:decimal; }
.tinymce li { padding-bottom:10px;}
.tinymce ul li ul { list-style-type:circle; }
.tinymce p { padding-bottom:10px; line-height:16px; text-align:justify;}
.tinybold strong { font-weight:bold; font-size:12px;}
/***********general****************/
#telepho { color:#000000; display:block; font-size:14px; right:14px; position:absolute; text-decoration:none; top:3px; width:300px;}
#telepho span { text-transform:uppercase; font-size:10px;}
.borderIE td, .borderIE tr { border:1px solid #000;}
#authen { margin:20px 20px; float:left;}
body { background:url(../images/background.jpg) repeat-x #b1b2a2; font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size: 12px; color: #222222; }
.w185 { width:185px; float:left; padding-top:20px; display:inline;}
.w743 { width:743px; float:left; padding-top:20px;}
.w499 { width:499px; float:left; padding-top:20px;}
.w242 { width:242px; float:left; padding-top:20px;}
h1 a { width:320px; height:139px; display:block;}
.pad20left { padding-left:20px;}
/***********main.php***************/
#services td, #services th { vertical-align:middle;}
#conteneur { width:928px; margin:0 auto;}
#entete { position:relative; height:139px; width:928px;}
#entete h1 { position: absolute; top: 0; left: 0px; width:320px; height:139px; text-indent:-10000px;}
#enteteinfo { position: absolute; top: 0; left: 320px; padding-top:60px; width:608px; text-align:right;}
#langue { z-index:10; position:absolute; top:0; right:0px; width:100px;}
#langue { background: transparent url('../images/onglet.png') no-repeat;}
#langue a { display:block; background: transparent url('../images/onglet_right.png') no-repeat scroll top right; height:27px; padding-right:9px; text-decoration:none; color:#000000; text-align:center; font-weight:bold; line-height:17px}
#langue:hover { background: transparent url('../images/onglet_over.png') no-repeat;}
#langue a:hover { display:block; background: transparent url('../images/onglet_right_over.png') no-repeat scroll top right; height:27px; padding-right:9px; text-decoration:none; color:#000000; text-align:center; font-weight:bold; line-height:17px}
#langue span { padding-left:15px; }
#telephone { padding-left:14px; position:relative; text-transform:uppercase; font-stretch:expanded; font-size:12px; color:#5c5c5c; text-align:left; }
#telephone a { text-decoration:none; color:#000; position:absolute; right:0px; top:-5px;}
#telephone a:hover { text-decoration:underline;}
#telephone span { font-size:18px;}
#search { padding-top:10px;}
#search input { width:167px; border:1px solid #94937f; margin-right:10px;}
#search input[type="submit"] { border:1px solid #7E9DB9; font-size:10px; margin-right:0; padding:2px 0; width:64px; background:#fff;}
#search a { background:url('../images/search.png') no-repeat; width:80px; height:25px;text-decoration:none; color:#000000; display:inline-block; text-align:center; line-height:22px;}
#footer { border-top:3px solid #ffffff; margin-top:3px; padding:10px 0; color:#ffffff;}
#footer a { color:#ffffff; padding-left:10px;}
#wiptec { float:right;}
#delaplace { float:left;}
#menu { width:185px; font-size:14px; font-weight:bold; text-align:center; font-family:arial !important; text-transform:uppercase !important;}
#menu .first { background:url(../images/menu/menu_first.png) no-repeat;}
#menu li { background:url(../images/menu/menu_bouton.png) no-repeat;}
#menu .last { background:url(../images/menu/menu_dernier.png) no-repeat;}
#menu .first a:hover, #menu li .activeFirst { background:url(../images/menu/menu_first_over.png) no-repeat; color:#ffffff;}
#menu .item a:hover, #menu li .active { background:url(../images/menu/menu_over.png) no-repeat; color:#ffffff;}
#menu .last a:hover, #menu li .activeLast { background:url(../images/menu/menu_dernier_over.png) no-repeat; color:#ffffff;}
#menu li a { color:#000000; line-height:33px; text-decoration:none; display:block; line-height:32px; height:32px;}
#menu .sousmenu li:first-child { padding-top:20px;}
#menu .sousmenu { }
#menu .sousmenu a { padding-bottom:20px;}
#menu .sousmenu li a { height:auto !important; font-size:13px !important; line-height:16px !important;}
#menu li ul { display:none; }
#menu li ul li { background: #bdbdb1 no-repeat !important; font-size:13px;}
#menu li ul li a:hover { background:none !important; text-decoration:underline}
#menu li .active { display:block;}
.status { margin:21px 0 0 !important;}
#content { background:url(../images/container_entete.jpg) no-repeat top #ffffff; position:relative;}
.aactive { text-decoration:underline !important; color:#ffffff !important;}
/*#slideshowmain { width:922px; margin:0 auto; padding-top:3px; position:relative;}
#slideshowmain a { text-decoration:none; color:#000000;}
#slidepage { position:absolute; bottom:10px; right:20px;}
#slidepage li { background:url(../images/slider/slide_page.png) no-repeat; float:left; margin:0 4px; height:22px; width:22px;}
#slidepage li a { font-weight:bold; display:block; height:20px; width:20px; line-height:22px; text-align:center;}
#slidepage li .active { color:#d9280f;}
#slideplay { position:absolute; top:10px; right:20px; background:url(../images/slider/play.png) no-repeat; width:44px; height:22px; text-align:center; line-height:22px;}
#slideplay a { }
#slidetext { position:absolute; top:10px; left:20px;}*/
#slideconteur { position:relative; padding-top:3px;}
#slideshowmain { height:278px; margin:0 auto; overflow:hidden; position:relative; width:922px; padding-top:3px;}
#nav-slideshow { bottom:10px;position:absolute;right:10px;z-index:10000; }
#nav-slideshow .activeSlide { text-decoration:underline; color:red;}
#nav-slideshow a { background:url("../images/dot.png") no-repeat scroll 0 0 transparent; display:block; font-size:10px; height:20px; line-height:20px; margin-bottom:3px; text-align:center; width:25px; float:left; text-decoration:none; margin:3px; color:#000; text-indent:-2px;}
#nav-slideshow a:hover { text-decoration:underline; color:red;}
#slideshowmain .slide div { clear:both; position:absolute; width:20000em;}
#slideshowmain .slide div { float:left; height:278px; position:relative; width:922px;}
#slideshowmain .slide div { float:none; height:200px; padding:40px 15px 10px 30px; position:absolute; left:0; text-align:left; top:0; width:350px; z-index:10;}
#slideshowmain .slide div h3 { color:red; font-size:26px;}
#slideshowmain .slide div p { font-size:21px; font-weight:bold;}
#pauseButton, #resumeButton {
text-decoration:none; color:#000000;
background:url("../images/play.png") no-repeat scroll 0 0 transparent; display:block;
font-size:10px; height:20px; line-height:20px; margin-bottom:3px; text-align:center;
width:45px; float:left; text-decoration:none; margin:3px; color:#000; text-indent:-2px; }
#pauseButton:hover, #resumeButton:hover { color:red; text-decoration:underline;}
#resumeButton { }
#navslide { z-index:10; position:absolute; right:10px; top:10px;}
#meantocontact { margin:20px 0 30px; width:169px; height:213px; padding:0 8px; position:relative;}
#meanor { position:absolute; top:82px; left:62px; display:block;}
#meanquote { display:block; height:107px; background:url(../images/meanquote.jpg) no-repeat;}
#meancontact { display:block; height:106px; background:url(../images/meancontact.jpg) no-repeat;}
#meancontact, #meanquote { line-height:89px; text-align:center; text-decoration:none; color:red; font-style:italic; font-size:18px; font-weight:bold; font-family:arial;}
#meanquote:hover { background:url(../images/meanquotehover.jpg) no-repeat;}
#meancontact:hover { background:url(../images/meancontacthover.jpg) no-repeat;}
#glossary { position:absolute; bottom:0px; left:20px; background:url(../images/glossary.png) no-repeat; width:162px; height:20px;}
#glossary a { line-height:20px; height:20px; display:block; text-align:center; color:#ffffff; text-decoration:none; font-size:14px;}
/***********home.php***************/
#information { }
#information li { width:146px; height:240px; float:left; display:inline; text-align:center; margin:0 19px; position:relative;}
#information h2, #information img { text-decoration:none;}
#information h2 { color:#dc2519; font-size:17px; font-weight:bold; height:36px; }
#information h3 { color:#212f67; font-weight:bold; padding:17px 0; font-size:13px;}
#information h3, #information p, #information a { text-align:left;}
#information img { padding-top:10px;}
#information a { text-align:center; color:#000000;}
.flechegris { background:url(../images/dflechegris.png) no-repeat left center; text-indent:10px;}
#information .more { text-align:right;}
#information .more a { display:inline; padding-left:10px;}
#poslink { }
.hr743 { border:1px solid #cccccc; margin:20px 20px 0;}
.mar0hr { margin:0 20px 0;}
.heightPitems { height:65px; padding-top:10px;}
#divers { margin-left:20px;}
#divers h2, .video h2 { font-size:22px;}
#divers h3 { color:#dc2519; padding:12px 0; font-weight:bold;}
#divers .titredivers { color:#d8251a; padding:10px 0;}
.griscapitalize { font-weight:bold; text-transform:uppercase; color:#6c6c6c;}
.video { margin:20px 0 20px 20px; background:url(../images/background_video.jpg) repeat-x #f1f2f4; border:1px solid #e5e5e5;}
.video .left { float:left; width:215px;}
.video ul { padding-top:10px; padding-left:40px;}
.video li a { color:#dc2519; line-height:20px;}
.video object { border:3px solid #ffffff;}
.pad20bottom { padding:0 0 20px;}
.borderGris { border:1px solid #e5e5e5;}
.interWhite { border:3px solid #ffffff; padding:20px;}
.interWhite img { border:3px solid #ffffff;}
.block16 { float:right;}
#news { background:#eff0f0; border:1px solid #e5e5e5; padding:7px; margin:13px;}
#news .date { color:#b0b1b2; padding-bottom:5px;}
#news img { float:left;}
#news h2 { float:left; font-size:22px;}
#news li { padding:18px 0;}
#news li .left { width:150px; float:left;}
#news li img { float:left; padding:3px 10px 0 20px;}
#news .allnews { background:url('../images/search.png') no-repeat; width:80px; height:22px;text-decoration:none; color:#000000; display:inline-block; text-align:center; line-height:22px; float:right;}
#news a { color:#000; text-decoration:none;}
#news .tinymce p { text-align:left;}
#news strong { font-weight:bold; line-height:16px; padding-bottom:5px;}
/***************slideshow****************/
/* css du slider */
div.wrap {
width : 922px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 922px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
padding-top:3px;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 279px;
background : url(images/header-bg.png) no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 922px;
height : 279px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
width : 922px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
position:relative;
left : 10px;
top : 45px;
bottom : 228px;
width : 902px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
}
div#header div#slide-holder div#slide-controls p#slide-nav {
position:absolute;
height : 24px;
margin : 11px 15px 0 0;
top: 192px;
right:-20px;
}
#slide-client
{
font-size:22px;
color:#ae0000;
text-transform:uppercase;
margin : 15px 0 0 20px;
}
#slide-desc
{
font-size:20px;
color:#585858;
text-transform:uppercase;
font-weight:bold;
text-indent:20px;
margin : 7px 0 0 20px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
color:#000000;
background:url(../images/slider/slide_page.png) no-repeat;
font-weight:bold;
display:block;
height:20px;
width:22px;
line-height:22px;
text-align:center;
float : left;
font-size : 11px;
margin:0 4px;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
color:#ae0000;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
}
div#nav ul li a {
}
#slideplay {
position:absolute;
top:10px; right:20px;
background:url(../images/slider/play.png) no-repeat;
width:44px;
height:22px;
text-align:center;
line-height:22px;
}
#slideplay a {
color:#229fc2;
}
/*authentification*/
#auth { z-index:10; position: absolute; top: 0; right: 106px; width: 100px; height: 40px; display: block;}
#auth .login { background-color:#cccccc;}
#auth a#sign_in { position: absolute; top: 0; right: 0; display: block; width: 113px; height: 24px; line-height: 17px; text-align:center; font-size: 1em; font-weight: bold; color: #000000; text-decoration: none;background:url('../images/onglet_form2.png') no-repeat; }
#auth a#advertisers { right: 16px; }
#auth a.button2 { position: absolute; top: 16px; right: 15px; }
.button2 a:hover { color: #717171 !important;}
#auth a.down { background-position: 0 -36px !important; }
#auth p { position: absolute; top: 11px; right: 270px; }
#auth p#welcome { left: 0px; width: 150px; }
#auth_form { position: absolute; top: 18px; right: 49px; width: 140px; height: 100px; padding: 15px; display: block; z-index: 999; font-weight: normal; background: url('../images/connect-bg2.png') no-repeat; z-index: 100000; }
#auth_form label { display: block; color: #717171; width: auto; line-height: 1.1em; }
#auth_form .checkbox label { display: inline; line-height: 1.4em; }
#auth_form .checkbox input { margin-left: 0 !important; }
#auth_form a { color: #717171; text-decoration: none; }
#auth_form a:hover { color: #404040; }
#auth_form input[type="text"],
#auth_form input[type="password"] { height: 13px; width: 132px; padding: 2px; border: 1px solid #b6b6b6; margin-bottom:5px; }
#auth_form #ok { background:url('../images/ok.png') no-repeat; width:36px; height:18px;text-decoration:none; color:#000000; display:inline-block; text-align:center; line-height:18px; float:right; }
#lostpw { float:left; height:30px; display:block; width:100px; font-weight:bold; font-size:9px !important;}
/****fin auth*/
/*******news******/
#pagenews {padding:30px; width:680px; float:left;}
#pagenews li {padding-bottom:20px;}
#pagenews h2 {font-size:15px; font-weight:bold; padding-bottom:10px;}
#datenew {color:red; font-weight:normal;}
/********contact***/
#contact {width:743px; padding-top:20px;}
#contact h2 {font-size:15px; font-weight:bold; padding-bottom:10px;}
#contact h3 {font-size:15px; font-weight:bold; padding:10px 0;}
#contact textarea {width:444px; height:203px;}
#contact input {width:190px;}
#contact label {display:block; height:25px; line-height:25px;}
#contact .col {width:700px; padding:0 20px; }
#contact .col-1 {width:190px; margin:0 26px 0 17px;}
#contact .col-2 {width:405px; margin:0 17px 0 0; position:relative;}
#contact .obliga {position:absolute; right:10px; top:10px; color:red;}
#contact .entete h2, #contact .entete img {float:left;}
#contact .entete h2 {font-size:22px;}
#contact .fondgris {position:relative; background:none repeat scroll 0 0 #EFF0F0; border:1px solid #E5E5E5; padding:7px;}
#contact .error {display:block !important; color:red;}
#contactmap h2 {padding:15px 0; }
#contactmap li {float:left; width:343px; padding-bottom:15px;}
#contactmap .pair, .impair {width:350px !important;}
#contactmap .pair {padding-right:0px}
#contactmap .impair {padding-right:0;}
#contactmap img {border:1px solid #a1a1a1; margin-bottom:10px;}
#contact #capt p {float:left; padding-right:10px;}
#contact #capt label {line-height:20px; height:20px;}
#contact #capt input {width:120px; height:25px;}
#contact #capt img {width:120px !important; height:30px !important;}
.left {float:left;}
.btn_contact {position:absolute; display:block; width:87px; height:27px; line-height:27px; text-align:center; background:url(../images/search.png) no-repeat; bottom:-4px; right:-50px; text-decoration:none; color:#000000;}
.contitre h2 {font-size:22px !important; line-height:22px;}
.contitre img {float:left;}
.coordonne {width:350px !important;}
.w686px {width:686px; margin:20px 0;}
.w254 {width:254px; height:178px;}
.ulpad {padding:20px 0;}
.fondgris img {border:none !important;}
.fondgris ul li {width:200px;}
#imgleft img {float:left;}
#imgleft h2 {float:left; font-size:18px; font-weight:bold; padding:0 !important; line-height:26px;}
.coordli li {width:250px; text-indent:13px;}
/*********************glossary*********/
.w600 {width:600px;}
#glossarypage {margin:30px; width:683px;}
#glossarypage h2 {font-size:24px; margin-bottom:10px; font-weight:bold;}
#listlettre {margin:0 11px 20px; width:680px;}
#listlettre a {text-decoration:none; color:#000000;}
.pipelettre {width:10px !important;}
#listlettre li {float:left; width:16px; display:block;}
#glossarylist ul {margin:10px;}
#glossarylist li li {text-indent:20px;}
#glossarylist h3 {font-weight:bold; font-size:16px; margin:10px 0; color:red;}
#glossarylist h4 {font-size:16px; margin:10px 0;}
.flleft {float:left;}
.w130 {width:130px;}
.pad10bottom {padding-bottom:10px}
/**************services*************/
#services {margin:30px 0 30px 30px; width:683px; float:left; display:inline;}
#services .h2entete {line-height:16px; margin-bottom:0; position:relative;}
.h2entete .page {position:absolute; right:0px; bottom:-3px; font-size:12px;}
#services h2 {font-size:22px; margin-bottom:10px;}
#services hr {margin-bottom:20px;}
.bordimg {border:1px solid #e5e5e5; background:#fff; position:relative; float:left;}
.bordimg:hover {background:#eff0f0;}
.bordimg img {position:absolute; top:8px; left:8px;}
#services .smallimg {width:190px; height:104px; display:block; margin:8px 8px 8px 0px;}
#services .smallimg a {display:block; width:190px; height:104px;}
#services .bigimg {width:266px; height:141px;; display:block; margin:10px 26px;}
#services .bigimg a {display:block; width:266px; height:141px;}
.impairlast {margin:10px 183px !important;}
.serliste {margin:10px 20px;}
.serliste li {margin-top:2px; height:20px; text-indent:15px; line-height:20px; background:url(../images/red_arrow.png) no-repeat left;}
.serliste a {color:red; text-decoration:none; font-weight:bold;}
.serliste a:hover {text-decoration:underline;}
.w400 {width:400px; float:left;}
#services .w242 {padding-top:0px !important; margin:0 0 20px 40px; float:right;}
#services #news {margin:0px !important;}
#services #news li {padding:18px 0 0;}
#services #news li li {padding-top:0px;}
#section {margin:20px 0 0;}
.secbox {border:1px solid #e5e5e5; padding:20px 20px 10px 20px; margin:20px 0;}
.secbox table {float:left;}
.marbot10 {margin-bottom:10px;}
.w175 {width:175px;}
.w225 {width:225px;}
.w188 {width:188px;}
#enteteimg {margin:3px; width:922px;}
.marginimg1 {margin:10px 0 10px 250px !important;}
.marginimg2 {margin:10px 0 10px 100px !important;}
.marginimg3 {margin:10px 0 10px 25px !important;}
.marginimg4 {margin:10px 16px !important;}
.mar4eme {margin:0 0 0 240px !important}
/*************quote*********************/
#quote {margin:30px; width:683px; float:left;}
#quote h2 {line-height:16px; margin-bottom:0; position:relative; font-size:22px;}
#quote h3 {font-weight:bold; margin-top:5px;}
#quote hr {}
#quote .hrentete {margin-bottom:20px;}
.w300 {width:310px; float:left; padding-right:10px;}
#quote form {padding-top:20px;}
#quote select {border:1px solid #767676; color:#767676; font-size:12px; padding:3px; width:260px;}
#quote label {margin-top:10px; margin-bottom:5px; display:block;}
#quote .labelright {margin-top:0px !important; margin-bottom:5px; display:block;}
#quote .labelright2 {line-height:22px; margin:0 10px 0 0 !important; display:block; float:left;}
#quote input[type="text"], textarea {width:250px; border:1px solid #616161; font-family:arial; font-size:12px; padding:4px;}
#quote .nbinput {width:40px !important;}
#quote .section {padding:10px;}
.h33 {}
.h33b {height:33px; overflow:hidden;}
#nbstandard {float:left;}
#commentaire {width:570px;}
#dimquote li {margin:6px;}
#dimquote li input {display:inline;}
#dimquote li div {width:175px; padding-right:10px; text-align:right; float:left; height:23px; line-height:23px;}
#quote .error {display:block !important; color:red;}
#submitfrm {background:url("../images/search.png") no-repeat scroll 0 0 transparent; border:medium none; height:23px; width:82px !important; position:absolute; bottom:-4px; right:-50px;}
#submitfrm:hover {cursor:pointer;}
/******************video*****************/
#video { width:680px; margin:30px;}
#video h2 { font-size:22px; padding-bottom:20px; font-weight:bold;}
.marbot20 { margin-bottom:20px;}
/**********about***************/
#about { width:680px; margin:30px;}
#about h2 { font-size:22px; padding-bottom:20px; font-weight:bold;}
/***********rajout*****************/
#imgvideo { margin-left:23px;}
/**********recherche****************/
#recherche { width:870px; margin:30px;}
#recherche h2 { font-size:22px; padding-bottom:20px; font-weight:bold;}
#recherche hr { color:#0000FF;}
#resultrecherche { display:block; color:#000000;}
#h2recherche { padding:0 !important;}
#recherche .h2entete { line-height:16px; margin-bottom:0; position:relative;}
#forgot h2 { font-size:22px; padding-bottom:20px; font-weight:bold;}
#forgot { float:left; margin:30px;}
/*google add fix****************/
#gsearch { background-image:none !important; background-color:#fff !important;}
/*#content iframe #res .g .r .l { color:#ccc !important;}*/