@import url("/adnbase/reset.css");
@import url("/css/contenu.css");

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.clear { clear:both; }
.full_width{ width:100%;}
.SousTitre { color:#c32b2b; }

.print_only {display:none;}
 

/* Global properties ======================================================== */

body{ background:#171c20; border:0; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a3adb6; line-height:18px;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(/js/PIE.php); position: relative;}

/* Global Structure ============================================================= */

.body1{ background:url(/images/bg.jpg) top center repeat; position:relative; z-index:2}
.body2{ background:url(/images/bg2.jpg) top center repeat; position:relative; z-index:1}
.body3{ background:url(/images/bg3.jpg) top center repeat; position:relative; z-index:1}
.body4{ background:url(/images/bg_top.gif) top repeat-x}

/* ============================= main layout ====================== */

h1 {float:left;padding:0 0 0 0;}

/* ============================= header ====================== */
#wrapper { margin:0 auto; width:960px;}
header{padding:29px 0 0;position:relative;width:960px;z-index:2}
#page1 header{ height:631px;}
#page2 header{ height:236px;}


#logo {background:url(/images/logo.png) no-repeat top left;display:block;height:100px;margin:0 0 54px;text-indent:-5000px;width:268px;}

header .wrapper {height:104px;}

#top_nav{ float:right; padding:49px 0 0 0;}
#top_nav li{  float:left; padding-left:12px;}
#top_nav li a{ padding-left:18px; display:block; font:12px Verdana, Geneva, sans-serif; color:#fff;}
#top_nav li a:hover{ color:#fff; text-decoration:underline}
#top_nav .img1{ background: url(/images/top_img1.gif) 0 2px no-repeat}
#top_nav .img2{ background: url(/images/top_img2.gif) 0 2px no-repeat}
#top_nav .img3{ background: url(/images/top_img3.gif) 0 2px no-repeat}

header nav {width:960px;}

#menu { float:left;padding-top:26px;width:960px;}

#menu > li { float:left; padding-right:1px; background:url(/images/menu_line.gif) right top no-repeat;position:relative;width:159px;z-index:3;}
#menu > li > a {display:block; width:159px; background:url(/images/menu_bg.jpg) top repeat-x; font-size:18px; font-weight:400; color:#fff; text-transform:uppercase; line-height:48px; position:relative;text-align:center;z-index:4;}
#menu > li:hover a, #menu > .active > a{ color:#fff; background:url(/images/menu_bg_active.gif) top repeat-x}
#menu > li.nav1 > a {border-radius:3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;}
#menu > li.nav6 {padding-right:0px; background:none;}
#menu > li.nav6 > a {border-radius:0 3px 3px 0; -moz-border-radius: 0 3px 3px 0;-webkit-border-radius: 0 3px 3px 0;}

#menu .ul_1{ position:absolute; top:49px; left:0; display:none}
#menu .ul_1 li{ width:100%; padding-bottom:1px; position:relative}
#menu .ul_1 li a{ display:block; width:159px; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:48px; text-align:center; background:#3e464b}
#menu .ul_1 > li:hover > a{ color:#fff; background:#c32b2b}

#menu .ul_2{ position:absolute; left:150px; top:0; display:none}
#menu .ul_2 li a{ display:block; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:48px; text-align:center; background:#3e464b}
#menu .ul_2 > li:hover > a{ color:#fff; background:#eb5601}

.kwicks-wrapper{width:955px;height:395px;overflow:hidden;background:url(/images/bg_slider.png) no-repeat 0 319px;position:absolute;top:265px;left:-6px;padding-left:13px;}
.kwicks {/* recommended styles for kwicks ul container */float:left;list-style: none;position:relative;margin: 0;padding: 0; width:200%}
.kwicks li{/* these are required, but the values are up to you (must be pixel) */behavior: url(/js/PIE.php);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;width:627px;height: 376px;/*do not change these */display: block;	overflow: hidden;padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */cursor:pointer; position:relative; float:left; margin-left:-459px;}
.kwicks li img {border:0;padding:0;position:absolute;right:0;top:0;}
.kwicks.horizontal li {/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */ /*Set to same as spacing option. */float: left; margin-right:0;}

.kwicks li.img1{ z-index:5;}
.kwicks li.img1 img {left:0;}
.kwicks li.active{margin-left:-7px;}
.kwicks li.img2{ z-index:4;}
.kwicks li.img3{ z-index:3;}

/* =========================Page Accueil ====================== */

#content4 { height:335px;min-height:335px; width:940px; }
html > body #content4 {height:auto;min-height:335px;}
#content4 h2 { font-size:30px; padding-bottom:16px; }
#colonegauche, 
#colonecentre {float:left;height:280px;min-height:280px;padding-right:40px;width:282px; }
html > body #colonegauche, 
html > body #colonecentre,
html > body #colonedroite {height:auto;min-height:280px;}
#colonecentre p { padding-bottom:20px; }
#colonecentre a span { display:none; }
#colonecentre a { background:url(/images/btn_plus.png) center top no-repeat; display:block; height:33px; width:78px; }
#colonedroite { float:left; height:280px;min-height:280px; width:296px; }


/* =========================Page Services ====================== */

.clear {clear:both;}
.decoupage {padding-top:40px;}
.separateur {border:0;padding:20px 0;}
.separateur_bottom {border:0;}
.plasma {margin-top:20px;}
.pliage {padding:13px 0 0 40px;}
.laser {padding-left:40px;padding-top:15px;}
.rouleuse {padding:10px 0 0 30px;}

#Demande_prix {height:180px;width:960px;}
.Colgauche h3, 
.Coldroit h3 {color:#c32b2b;margin:0;padding:0;}
.Coldroit .roulage {margin-bottom:150px;}
.Colgauche ul, 
.Coldroit ul {padding-top:20px;}
.Colgauche p, 
.Coldroit p {margin:0;padding:15px 0 0;}
.Colgauche {float:left;width:500px;}
.Coldroit {float:left;text-align:right;width:430px;}
#Dernier_item {padding-bottom:20px;padding-top:0;}
#Dernier_item h3 span {color:#9AA3AA;padding-left:10px;}



/* =========================Page Coordonnes ====================== */

#coordonnees_header { height:500px;width:960px }
#coordonnees_header h1 { font-size:16px; color:#c32b2b }
.colg, .cold { margin-top:20px; }
#coordonnees_header .cold { float:left; height:115px; width:556px; }
#coordonnees_header .colg { float:left; height:115px; width:400px; border:1px solid #00CC66}
#hearder_coordonees h2 { float:left; width:240px; }

#sylvain { backgound:url(/images/separateur_noms.png) center right no-repeat;  height:85px; padding:30px 20px 0px 0px; width:137px; }
#francois { height:85px; padding:33px 0px 0px 20px; width:150px; }
#sylvain .Titre, #francois .Titre { color:#0c32b2b; }

.Noms { color:#FFF; font-size:16px; line-height:18px; }
.Noms span {font-size:12px; }
.Noms span.Titre {color:#c32b2b;}
.Titre {font-weight:normal; font-size:12px; }
.Poste { font-size:12px; }

#Les_noms { float:left; width:500px; }
#sylvain { background:url(/images/separateur_noms.png) center right no-repeat; float:left; }
#francois { padding-left:20px; float:left; }
#Adresse { float:left; }
#Adresse p strong {color:#C32B2B;font-size:17px;line-height:22px;}
#Adresse a {font-size:17px;line-height:22px;}
#map { float:right; padding:0px 0px 20px 0px; }
#small { float:right; margin-right:107px; margin-top:10px; width:318px;}

#colg_coordonnees {margin-top:3px;}
#cold_coordonnes { float:right; margin-top:40px; width:425px; }
#content3 { width:960px; height:550px; }
#content3 iframe { float:left; padding-bottom:10px; }
#content3 iframe a { color:#fff; }
#content3 iframe a:hover { color:#c32b2b; }
#coloneGauche { background:url(/images/bg_coordonnees.png) left bottom no-repeat; float:left; padding:40px 0px 20px 0px;;width:260px;  }
#slogan { color:#97a1a5; font-size:24px; font-weight:normal; padding:18px 0px 0px 0px; text-align:center; width:100%;}
#slogan_coorodonnees h3 { color:#97a1a5; font-size:24px; font-weight:normal; padding:18px 0px 7px 0px; text-align:center; width:100%; }


/* =========================Page Inventaires ====================== */

#inventaire {background:url(/images/bg_inventaire.png) no-repeat; width:100%; height:262px;}
#inventaire .photo_inventaire {border:0;padding:36px 175px 0px 70px; float:left; }
.produits { width:427px; margin-top:50px; padding-top:12px; color:#c32b2b; }
#inventaire ul {  float:left; width:250px; height:160px; padding-top:16px;text-transform:uppercase;}
#inventaire ul li a { background:url(/images/arrow_normal.png) center left no-repeat; color:#fff; padding-left:10px;}
#inventaire ul li a:hover { background:url(/images/arrow_hover.png) center left no-repeat; color:#c32b2b;}
#container ul {margin-top:20px;}
#container ul li {padding-bottom:10px;}

/* ========================Page commande===========================*/

#content6 ul li { padding-bottom:10px;  }


/* ============================= content ========================== */

#content2{ width:100%;padding-bottom:38px; color:#8c9196}
#content{ width:100%; overflow:hidden; padding-bottom:24px;}
.pad_right1{ padding-right:26px;}
.pad_right2{ padding-right:10px;}
.pad_bot1{ padding-bottom:20px;}
.pad_bot2{ padding-bottom:39px;}
.pad_top1{ padding-top:11px;}
.pad_top2{ padding-top:16px;}
.marg_right1{ margin-right:20px;}
.inventaire{ text-transform:uppercase; font-size:16px; }
.separateur_acceuil { padding:20px 0px; }

.button{ display:inline-block; font-size:16px; text-transform:uppercase; color:#fff; background:url(/images/button1_bg.gif) top repeat-x #ed5c01; padding:0 18px; height:33px; line-height:31px; font-weight:400;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(/js/PIE.php); position: relative;}
.button:hover{ background:#fff; color:#252a2e}

.link1{ display:inline-block; font-size:16px; line-height:20px; padding-right:10px; background:url(/images/marker_2.gif) right 7px no-repeat; text-transform:uppercase; margin-top:-5px;}

.list1 {text-transform:uppercase;}
.list1 li{ line-height:30px; font-size:14px;}
.list1 li a{ padding-left:29px; font-style:italic; background:url(/images/marker_1.png) 0 6px no-repeat; display:inline-block}
.list1 li a:hover{ color:#fff; text-decoration:underline}

.list2{ padding-right:24px; margin-left:-5px; }
.list2 li{ line-height:23px; padding-bottom:5px;}
.list2 li a{ color:#c2c2c1; text-decoration:none; padding-left:18px; background:url(/images/marker_3.gif) 6px 8px no-repeat; display:block}
.list2 li a:hover{ background: url(/images/marker_3_active.gif) 6px 8px no-repeat #c32b2b; color:#fff;}

.list3.pad_bot1{ padding-bottom:32px;}
.list3 li{ padding-top:6px; padding-bottom:5px; border-bottom:1px solid #495153}
.list3 li .right{ width:350px;}
.list3 .bg_none{ border:0}

.color1{ color:#fff;}

.date{ float:left; background:url(/images/date.jpg) no-repeat; width:43px; height:48px; margin-right:15px; font-size:15px; text-transform:uppercase; color:#fff; text-align:center; line-height:1.2em; margin-bottom:10px; margin-top:1px;}
.date span{ font-size:26px; line-height:1.2em; display:block; margin-top:-2px}

.under{ border-bottom:1px solid #767c7f; margin-bottom:20px; margin-top:-1px;}

.text1{ background:url(/images/text.jpg) 0 3px no-repeat; padding-left:93px; padding-top:11px; padding-bottom:20px; display:inline-block}

.box{ background:url(/images/bg_box.jpg) repeat; border:1px solid #4c5359; padding:20px 27px 30px 23px;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(/js/PIE.php); position: relative;}

#page3 #content{ padding-bottom:65px;}
#page4 #content{ padding-bottom:68px;}
#page5 .body2 img{ margin-top:-4px; padding-bottom:2px;}
#page5 #content{ padding-top:41px; padding-bottom:62px}
#page5 .pad_bot2{ padding-bottom:32px;}
#page6 figure{ border:2px solid #4c5359;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(/js/PIE.php); position: relative; display:inline-block}
#page6 #content{ padding-bottom:81px;}
#page7 #content{ padding-bottom:80px;}


/* ============================= footer ====================== */

footer { width:100%; overflow:hidden; padding-bottom:40px; color:#bebebe}
footer a{ color:#9fa1a2; text-decoration:underline}
footer a:hover{ text-decoration:none;}
footer div.copy a {text-decoration:none}
footer strong{ color:#eeeeee; font-weight:normal;}

footer .grid_8{ padding-right:10px;}

.call{ float:right; padding-left:50px; background:url(/images/call.gif) 0 4px no-repeat; font-size:24px; color:#fff; font-weight:bold; line-height:1.2em; margin-top:34px; padding-bottom:21px;}
.call span{ font-size:21px; color:#b0b0af; line-height:1.2em; font-weight:400; display:block; margin-bottom:-7px;}

#icons{ float:right;}
#icons li{ float:left; padding-left:9px;}

.sign {clear:both;float:right;margin-top:36px;padding:19px 0 0;text-align:right;}
.sign div.copy {padding:0 0 7px;}

/*Formulaire soumission=====================================*/

#contenu_soumission strong { color:#eef1f2; }
.clear { clear:both; }
.informations { float:left; width:500px; margin-top:50px; }
.details { float:left; width:400px; margin-top:50px;}
.simple { width:20px; margin-right:60px; }
.btn_radio { width:85px; }
.obligatoire { color:#F00; }
.commentaire { background:url(/images/bg_textarea.jpg) bottom repeat-x #FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; color:#4d4e53; padding:10px 10px 10px 10px; height:80px; margin-top:20px; width:325px;border:none; -moz-border-radius:3px; -webkit-border-radius:3px; }

.input { font-size:14px; line-height:24px; color:#4d4e53; background:url(/images/bg_input.jpg); height:24px; padding:0px 10px;width:325px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

.premier_soumission { margin-top:20px; }
.premier_commande { margin-top:20px; }
.selection { margin-left:10px; padding-bottom:0;}
.selection label { line-height:20px; }
.les_options p { background:url(/images/soumission_arrow.png) left 7px no-repeat; padding-left:10px; margin-left:2px; }
.note { width:845px; }
.les_options a { color:#fff; text-decoration:none; }
.les_options a:hover { color:#c32b2b; text-decoration:underline; }
.ajout_ligne { width:100%; }
.link1 {  background:url(/images/btn_send.png) center top no-repeat; background-position:0 0; display:block; height:52px; width:83px; }
.separateur_bottom { padding:0px 0px 20px 0px; }



#formu_soumission { height:600px; margin-top:45px;width:845px;  }
#formu_soumission h2 { font-size:26px; color:#fff; height:15px; margin-bottom:40px;}
#ContactForm { width:940px; font-size:14px; color:#828a8f; }

#ContactForm h3 { font-size:14px; color:#369 }
#ContactForm h4 { color:#666; font-size:14px; font-weight:normal; line-height:14px; }
#ContactForm fieldset { margin:0; padding:0; border:none;}
#ContactForm label { font-size:12px; font-size:14px; }
#ContactForm label.procedures,
#ContactForm label.procedures input,
#ContactForm label.procedures input span {float:left;}
#ContactForm label.procedures {width:400px;}
#ContactForm label.procedures input {height:14px;margin:0;width:14px;vertical-align:middle;}
#ContactForm label.procedures span {display:block;padding:0 0 0 24px;width:321px;}

#procedurescontainer { width:400px; }
#procedurescontainer a { background:none; text-decoration:underline; color:#fff; }
#procedurescontainer a:hover { color:#c32b2b; }

#envoyer a { float:left; padding:20px 0px 0px 24px; }

/* Quantite */
#tableDescription1 { float:left; width:75px; }
#tableDescription1 label { height:20px; line-height:20px; }
#tableDescription1 input { background:url(/images/bg_input.jpg); border-radius:3px; height:24px; line-height:24px; padding:0 10px; -moz-border-radius: 3px; -webkit-border-radius:3px; width:50px; }

.ajout_ligne a { background:url(/images/arrow_normal.png) center left no-repeat; color:#fff; padding:0px 0px 1px 8px; }
.ajout_ligne a:hover {background:url(/images/arrow_hover.png) center left no-repeat; color:#c32b2b; padding:0px 0px 1px 8px; }

.fichier { position:relative; width:500px; }
.file { position:absolute; top:5px; left:8px; }
#fichiers {padding:0 0 20px 125px; }
.plus {font-size:28px;font-weight:bold;}
#fichiers input  { margin:0; height:24px; border:none; background:fff; line-height:20px;width:229px;margin-bottom:20px;}

/* Description produits */
#tableDescription2 { float:left; width:300px; }
#tableDescription2 label { height:20px; line-height:20px; }
#tableDescription2 input { background:url(/images/bg_input.jpg); border-radius:3px; padding:0 10px; height:24px;  line-height:24px;  width:250px; -moz-border-radius:3px; -webkit-border-radius:3px; }

/* Fin des styles formu soumission================================= */



/* ============== Tableau 4 colones et 5 colones ============================ */

#container .table-relative, 
/*#container .table-relative2,*/ 
#container .table-relative3, 
#container .table-relative4, 
#container .table-relative5, 
#container .table-relative6, 
#container .table-relative7 {padding:100px 0 0;position:relative;width:940px;z-index:1;}
#container .table-relative2 { padding:130px 0 0;position:relative;width:940px;z-index:1;}

#container .table-relative {height:950px;}
#container .table-relative2 {height:662px;}
#container .table-relative3 {height:692px;}
#container .table-relative4 {height:649px;}
#container .table-relative5 {height:567px;}
#container .table-relative6 {height:640px;}
#container .table-relative7 {height:563px;}




#container .table-relative div.top, 
#container .table-relative2 div.top, 
#container .table-relative3 div.top, 
#container .table-relative4 div.top, 
#container .table-relative5 div.top, 
#container .table-relative6 div.top, 
#container .table-relative7 div.top {bottom:0px;left:0;position:absolute;text-align:center;width:960px;z-index:3;}



#container .table4cols-top {background:url(/images/bg-4colstable-top.jpg) no-repeat 0 0;left:-10px;padding:41px 0 0;position:absolute;top:100px;z-index:2;}
#container .table5cols-top {background:url(/images/bg-5colstable-top.jpg) no-repeat 0 0;left:-10px;padding:41px 0 0;position:absolute;top:100px;z-index:2;}


#container .table5cols-top {background:url(/images/bg-5colstable-top.jpg) no-repeat 0 0;left:-10px;padding:41px 0 0;position:absolute;top:100px;z-index:2;}

#container .table4cols-bottom {background:url(/images/bg-4colstable-bottom.jpg) no-repeat 0 bottom;padding:0 0 107px;width:960px;}
#container .table5cols-bottom {background:url(/images/bg-5colstable-bottom.jpg) no-repeat 0 bottom;padding:0 0 107px;width:960px;}


#container .table4cols-bottom table, #container .table5cols-bottom table,  
#container .tablecols-bottom table {font-size:18px;font-weight:bold;line-height:22px;width:960px;}


#container .table4cols-bottom table th {background:url(/images/bg-table-th.jpg) no-repeat 0 0;height:59px;vertical-align:middle;width:960px;}
#container .table5cols-bottom table th {background:url(/images/bg-table5-th.jpg) no-repeat 0 0;height:59px;vertical-align:middle;width:960px;}


#container .table4cols-bottom table th th {background:none;height:59px;text-align:center;text-transform:uppercase;width:163px;}
#container .table5cols-bottom table th th {background:none;height:59px;text-align:center;text-transform:uppercase;width:163px;}


#container .table4cols-bottom table th th.empty-left {border-left:1px solid #5e656b;width:38px;}
#container .table5cols-bottom table th th.empty-left {border-left:1px solid #5e656b;width:38px;}


#container .table4cols-bottom table th th.empty-right {border-right:1px solid #5e656b;width:38px;}
#container .table5cols-bottom table th th.empty-right {border-right:1px solid #5e656b;width:38px;}


#container .table4cols-bottom table th th.empty-left div,
#container .table4cols-bottom table th th.empty-right div {width:38px;}
#container .table5cols-bottom table th th.empty-left div,
#container .table5cols-bottom table th th.empty-right div {width:38px;}


#container .table4cols-bottom table th th.first {width:358px;}
#container .table5cols-bottom table th th.first {width:358px;}

#container .table4cols-bottom table th th.second {width:181px;}
#container .table5cols-bottom table th th.second {width:127px;}


#container .table4cols-bottom table th th.third {width:180px;}
#container .table5cols-bottom table th th.third {width:127px;}

#container .table4cols-bottom table td.bg-content-top div {background:url(/images/bg-4colstable-content-top.jpg) no-repeat 0 0;padding:54px 0 0;}
#container .table5cols-bottom table td.bg-content-top div {background:url(/images/bg-5colstable-content-top.jpg) no-repeat 0 0;padding:54px 0 0;}

#container .table4cols-bottom table td td {height:auto;text-align:center;}
#container .table5cols-bottom table td td {height:auto;text-align:center;}

#container .table4cols-bottom table td.bg-content-top td.empty,
#container .table4cols-bottom table td.bg-content-top tr.row-1 td.empty {background:transparent;height:auto;font-size:10px;line-height:10px;width:39px;}
#container .table5cols-bottom table td.bg-content-top td.empty,
#container .table5cols-bottom table td.bg-content-top tr.row-1 td.empty {background:transparent;height:auto;font-size:15px;line-height:10px;width:39px;}


#container .table4cols-bottom table td.bg-content-top td {background:#192026;}
#container .table5cols-bottom table td.bg-content-top td {background:#192026;}

#container .table4cols-bottom table td.bg-content-top td div {background:none;padding:10px 10px 11px;}
#container .table5cols-bottom table td.bg-content-top td div {background:none;padding:10px 0px 11px;}

#container .table4cols-bottom table td.bg-content-top tr.row-1 td {background:none #12171d;}
#container .table5cols-bottom table td.bg-content-top tr.row-1 td {background:none #12171d;}

#container .table4cols-bottom table td td.first {border-left:1px solid #535c64;}
#container .table5cols-bottom table td td.first {border-left:1px solid #535c64;}

#container .table4cols-bottom table td td.second {border-left:1px solid #535c64;}
#container .table5cols-bottom table td td.second {border-left:1px solid #535c64;}

#container .table4cols-bottom table td td.third {border-left:1px solid #535c64;}
#container .table5cols-bottom table td td.third {border-left:1px solid #535c64;}

#container .table4cols-bottom table td td.fourth {border-left:1px solid #535c64;border-right:1px solid #535c64;}
#container .table5cols-bottom table td td.fourth {border-left:1px solid #535c64;border-right:1px solid #535c64;}

#container .table5cols-bottom table td td.five {border-left:1px solid #535c64;border-right:1px solid #535c64;}

#container .table4cols-bottom table td td.first div {width:337px;}
#container .table5cols-bottom table td td.first div {width:368px;}
#container .table4cols-bottom table td td.second div {width:160px;}
#container .table5cols-bottom table td td.second div {width:127px;}
#container .table4cols-bottom table td td.third div {width:159px;}
#container .table5cols-bottom table td td.third div {width:127px;}
#container .table4cols-bottom table td td.fourth div {width:141px;}
#container .table5cols-bottom table td td.fourth div {width:127px;}
#container .table5cols-bottom table td td.five div {width:127px;}
#container .table4cols-bottom table td td img,
#container .table5cols-bottom table td td img {border:0;display:block;margin:0 auto -11px;padding:0;position:relative;z-index:3;}


/* =================== Banniere Bottom ==================== */

#banniere_bottom { margin:35px 0px;}
#banniere_bottom img {border:0;margin-bottom:10px;padding:0;}
#banniere_bottom h3 { color:#97a1a5; font-size:24px; font-style:italic; font-weight:normal; margin-left:250px; }

/* ===================== Page soumission =================== */

#contenu_soumission .exemple { width:450px; float:left; }
#telecharger { float:left; margin:40px 0px 0px 100px;; width:300px; }
#telecharger a { background:url(/images/arrow_normal.png) center left no-repeat; color:#fff; font-size:14px; padding-left:8px; margin-top:20px; }
#telecharger a:hover { background:url(/images/arrow_hover.png) center left no-repeat; color:#c32b2b; padding-left:8px; }

#exemple { float:left; height:130px; width:300px;  }
#exemple ul li { padding-bottom:10px;  color:#828a8f; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal;}
#exemple { font-size:17px; color:#999; font-weight:normal;}


/* ===================== Pop-up =================== */
.No_display { display:none; }
#pop-up { background:#000; padding:20px; height:650px; width:650px; }
#pop-up h2 { color:#fff; font-size:28px;margin-top:10px; padding:0;}
#pop-up h3 {color:#c32b2b; font-size:26px; padding-top:10px;}
#pop-up img { margin-left:75px; padding-top:20px; }
#pop-up ul {list-style:circle; padding:10px 0px 10px 20px; }
#pop-up ul li { padding-bottom:5px; }
#pop-up p { font-size:10px; color:#828a8f;}
#pop-up a { background:url(/images/arrow_normal.png) left center no-repeat;display:block; margin:20px 0px 0px 182px; padding:0px 0px 02px 10px; width:300px;}
#pop-up a:hover { background:url(/images/arrow_hover.png) left center no-repeat; color:#c32b2b; padding-bottom:0px 0px 02px 10px; }

#nouvelles {width:960px;}
#nouvelles h2 {padding-bottom:30px;}
#nouvelles ul,
#nouvelles ul li,
#nouvelles ul a,
#nouvelles ul span.img {float:left;}
#nouvelles ul {margin:0;padding:0;}
#nouvelles ul li {background:none;clear:left;margin:0;padding:0 0 20px;}
#nouvelles ul a {color:#c3c3c3;text-decoration:none;width:960px;}
#nouvelles ul span.img {border:1px solid #5E656B;margin:0 20px 0 0;padding:2px;}
#nouvelles ul .no-img span.img {display:none;}
#nouvelles ul img {border:0;height:100px;padding:0;width:100px;}
#nouvelles ul span.title,
#nouvelles ul span.news-date,
#nouvelles ul span.suite {display:block;}
#nouvelles ul span.title {font-size:18px;line-height:22px;}
#nouvelles ul span.news-date {padding:0 0 6px;}
#nouvelles ul span.suite {padding:6px 0 0;text-align:right;}
#nouvelles ul a:hover {color:#fff;}

#colonedroite #nouvelles,
#colonedroite #nouvelles ul a {width:296px;}
#colonedroite #nouvelles ul a {color:#8C9196;}
#colonedroite #nouvelles ul a:hover {color:#fff;}
#colonedroite #nouvelles ul span.img {display:block;float:none;margin:0 0 18px;}
#colonedroite #nouvelles ul img {float:none;height:146px;width:292px;}
#colonedroite #nouvelles ul span.title {font-size:16px;line-height:20px;}
#colonedroite #nouvelles ul span.suite {background:url(/images/btn_plus.png) no-repeat center 0;height:33px;margin:20px 0 0;padding:0;text-align:left;width:78px;}
#colonedroite #nouvelles ul span.suite span {display:none;}
#colonedroite p.more a {color:#8C9196;}
#colonedroite p.more a:hover {color:#fff;}

div.paging,
div.paging a,
div.paging span {float:left;}
div.paging {padding:0 0 30px;width:960px;}
div.paging a,
div.paging span {background:#5E656B;color:#fff;margin:0 4px 0 0;padding:2px 8px;}
div.paging a {filter:alpha(opacity=75);opacity:0.75;-moz-opacity:0.75;-webkit-opacity:0.75;}
div.paging a:hover {filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-webkit-opacity:1;}
div.paging span {filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;-webkit-opacity:0.5;}
div.pend {padding:10px 0 0;}

#nouvelle {width:960px;}
#nouvelle h3,
#nouvelle h4 {padding-top:0;}
#nouvelle h3 {padding-top:10px;}
#nouvelle a.img {float:right;margin:0 0 30px 30px;text-decoration:none;}



/*__________Signature ADN_____________________*/

/* petite signature */

#adn-communication{
	float:right;
	padding-bottom:63px;
	width: 247px;
	height: 30px;
	position: relative;
	overflow: hidden;
	font: 9px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #FFFFFF;
}
#adn-communication div.fond img{
	background:url(/images/bg_alias_5.gif) 0px 0px;
	border:0;
	filter: alpha(opacity=100);
	-moz-opacity: 100;
	opacity:100;
	padding:0;
}


#adn-communication div.signature{
	width: 153px;
	height: 26px;
	padding: 4px 94px 0px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #999999;
}
#adn-communication strong{
	color: #999999;
	display: block;
}
#adn-communication a,
#adn-communication a:link,
#adn-communication a:visited,
#adn-communication a:active,
#adn-communication a:hover{
	color: #999999;
	text-decoration:underline;
}
#adn-communication a:hover{
	color: #CCCCCC;
	text-decoration: none;
}
#adn-communication a.abs{
	display: block;
	position: absolute;
	height: 30px;
	top: 0px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#adn-communication a.abs img{border:none;}
#adn-communication a.abs:hover{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#adn-communication a.genome {background:url(/images/ic_genome.gif) no-repeat 0 0;width:21px;}
#adn-communication a.alias5 {
    background: url(/images/ic_alias5.gif) no-repeat scroll 0 0 transparent;
    left: 161px;
    width: 62px;
}
#adn-communication a.alias5 span {display:none;}

div.copy {font-size:11px;padding:45px 0 10px;text-align:right;}