﻿/* CSS Document */
* {padding:0;margin:0;}
.spacer {clear:both;height:1px;font-size:1px;}
a{text-decoration : none;color:#7A7A7A;}
a:hover{text-decoration : none;color:#333;}
a img{border : none;}
li{list-style-type:none;}



body{font-family: Arial,Helvetica,sans-serif;margin : 0;font-size : 12px; color: #000;background:#fff url(/_Layouts/1036/medias/CIAD/tpl_fond_page.jpg) top center repeat-x;}

div.global{width : 930px;margin : auto;}

/*DRAPEAUX*/
div.languages{height:23px;text-align:right;font-size:1px;position:relative;float:right;width:930px;}
div.languages ul {float:right;width:112px;/padding-right:28px;}
div.languages ul li {float:left;width:28px;height:22px;}
div.languages ul li a  {display:block;width:28px;height:22px;position:absolute;}

div.languages ul li a.lang_fr{background: transparent url(/_Layouts/1036/medias/CIAD/tpl_drapeau_fr.png) 0px 0px no-repeat;}
div.languages ul li a.lang_uk{background: transparent url(/_Layouts/1036/medias/CIAD/tpl_drapeau_uk.png) 0px 0px no-repeat;}
div.languages ul li a.lang_de{background: transparent url(/_Layouts/1036/medias/CIAD/tpl_drapeau_de.png) 0px 0px no-repeat;}
div.languages ul li a.lang_sp{background: transparent url(/_Layouts/1036/medias/CIAD/tpl_drapeau_sp.png) 0px 0px no-repeat;}

div.languages ul li a.lang_fr:hover{background: transparent url(/_Layouts/1036/medias/CIAD/tpl_drapeau_fr.png) 0px -22px no-repeat;}
div.languages ul li a.lang_uk:hover{background: transparent url(/_Layouts/1036/medias/CIAD/tpl_drapeau_uk.png) 0px -22px no-repeat;}
div.languages ul li a.lang_de:hover{background: transparent url(/_Layouts/1036/medias/CIAD/tpl_drapeau_de.png) 0px -22px no-repeat;}
div.languages ul li a.lang_sp:hover{background: transparent url(/_Layouts/1036/medias/CIAD/tpl_drapeau_sp.png) 0px -22px no-repeat;}

/*HEADER*/
div.header{width:930px;float:top;}
div.header div.logo{width:175px;float:left;}

div.logo{width:172px;float:left;}
p.accroche{width:775px;height:40px;float:left;margin:0px 0px 0px 0px;}
div.chapeau{width:670px;margin:-20px 0px 30px 213px;float:left;font-size:24px;font-weight:normal;font-style:arial;color:#C4C4C4;}
div.chapeau a { text-decoration: underline; }
div.chapeau a:link { color: #000000;text-decoration: underline; }
div.chapeau a:hover { color: #333333;text-decoration: underline; }


/*NAVIGATION*/
#navigation {width:755px;padding-top:41px;-clear:both;float:right;margin:0px 0px 0px 0px;background:url(/_Layouts/1036/medias/CIAD/tpl_accroche.png) top left no-repeat;}
#navigation ul li:hover div {left: auto;float:none;float:right;}
#navigation li.sfhover div{left: auto;float:none;clear:both;}

ul.nav{width:755px;float:left;border-top:1px solid #FFFFFF;float:right;}
ul.nav li{float:left;width:150px;margin:0px 1px 0px 0px;}
ul.nav li a{display:block;border-bottom:3px solid #C4C4C4;padding:8px 0px 8px 1px;color:#7A7A7A;font-size:12px;}
ul.nav li:hover a, ul.nav li a.actif{border-color:#000000;color:#000000;}


/*SOUSMENUS*/
ul.nav li div{background-color:#F2F2F2;padding:10px 5px 25px 0px;width:145px;}
ul.nav li div ul li {width:auto;float:none;}
ul.nav li div ul li a{text-align:left;display:block;padding:6px 0px 6px 0px;border:none;}
ul.nav li div ul li a span{padding:0px 0px 4px 7px;border-bottom:1px solid #C4C4C4;}
ul.nav li div ul li a span:hover{border-color:#000000;}
/*
#navigation ul li .nav_marches{left: -999em;position:absolute;top:99px;width:190px;}
#navigation ul li .nav_atouts{left: -999em;position:absolute;top:99px}
#navigation ul li .nav_engagements{left: -999em;position:absolute;top:99px;width:190px;}
#navigation ul li .nav_news{left: -999em;position:absolute;top:99px;}
*/
#navigation ul li .Menu0{left: -999em;position:absolute;top:99px;width:190px;}
#navigation ul li .Menu1{left: -999em;position:absolute;top:99px}
#navigation ul li .Menu2{left: -999em;position:absolute;top:99px;width:190px;}
#navigation ul li .Menu3{left: -999em;position:absolute;top:99px;}

/*COLGAUCHE*/
div.colGauche{float:left;
height:450px;
width:175px;}
div.navGauche{width:165px;}
div.navGauche {padding:0px 0px 20px 5px;width:145px;}
div.navGauche ul li {width:auto;float:none;}
div.navGauche ul li a{color:#7A7A7A;text-align:right;display:block;padding:4px 0px 4px 0px;border:none;}
div.navGauche ul li a:hover{color:#000;}
div.navGauche ul li a span{border-bottom:1px solid #C4C4C4;padding:0px 7px 4px 0px;}
div.navGauche ul li a.actif{color:#000;font-size:12px;font-weight:normal;}
div.navGauche ul li a.actif span{border-color:#000000;}


div.discover{width:135px;padding:0px 0px 5px 0px;border-bottom:3px solid #C4C4C4;text-align:center;margin:auto;}
div.discover div.produits {background:url(/_Layouts/1036/medias/CIAD/tpl_fond_discover.png) top center no-repeat;width:135px;}
div.discover div.produits:hover {background:url(/_Layouts/1036/medias/CIAD/tpl_fond_discover_hover.png) top center no-repeat;}
div.discover div.produits a{padding:100px 20px 0px 20px;display:block;background:url(/_Layouts/1036/medias/CIAD/tpl_fond_discover_simple.png) top center no-repeat;-width:135px;-padding:100px 0px 0px 0px;}
div.discover div.produits a:hover{color:#B0B0B0;background:url(/_Layouts/1036/medias/CIAD/tpl_fond_discover_hover.png) top center no-repeat;-width:135px;}

div.discover a.catalogue{color:#000000;padding:0px 10px;}
div.discover a.catalogue:hover{color:#B0B0B0;padding:0px 10px;}


div.contacts {width:135px;padding:40px 0px 5px 0px;border-bottom:3px solid #C4C4C4;text-align:center;margin:auto;}
div.contacts a{width:135px;background:url(/_Layouts/1036/medias/CIAD/tpl_fond_contact.png) top center no-repeat;padding:40px 0px 5px 0px;}
div.contacts a:hover{background:url(/_Layouts/1036/medias/CIAD/tpl_fond_contact_hover.png) top center no-repeat;color:#B0B0B0;}

div.implantations {width:135px;padding:75px 0px 5px 0px;border-bottom:3px solid #C4C4C4;text-align:center;margin:auto;}
div.implantations a{width:135px;background:url(/_Layouts/1036/medias/CIAD/tpl_fond_implantation.jpg) top center no-repeat;padding:75px 0px 5px 0px;}
div.implantations a:hover{background:url(/_Layouts/1036/medias/CIAD/tpl_fond_implantation_hover.jpg) top center no-repeat;color:#B0B0B0;}
/*
div.chapeau table tbody tr td table tbody tr td .ms-WPBody {
font-family: Arial, Helvetica, sans-serif;font-size:24px
}
*/

/*COLDROITE*/
div.colDroite{color:#7A7A7A;
float:right;
margin-bottom:20px;
width:755px;}

/*HOME*/
div.colDroite div.contenuHome{margin-bottom:30px;}
div.colDroite div.contenuHome div#anim{margin:0px 0px 20px 0px}
div.colDroite div.contenuHome div.contenuHomeGauche{width:555px;float:left;}
div.colDroite div.contenuHome div.contenuHomeDroite{width:180px;float:right;}

div.colDroite div.contenuHome div.contenuHomeGauche p{font-size:15px;font-weight:normal;font-family:arial;font-style:italic;color:#AFAFAF;margin:0px 0px 25px 0px;}
div.colDroite div.contenuHome div.contenuHomeGauche h2{font-size:20px;font-weight:normal;font-family:arial;color:#999999;}
div.colDroite div.contenuHome div.contenuHomeGauche h2 a {text-decoration:underline;}
div.colDroite div.contenuHome div.contenuHomeGauche h2 a:link {color: #000000;text-decoration:underline;}
div.colDroite div.contenuHome div.contenuHomeGauche h2 a:hover {color: #333333;text-decoration:underline;}

div.colDroite div.contenuHome div.contenuHomeDroite h2{font-weight:bold;color:#000000;font-size:24px;}
div.colDroite div.contenuHome div.contenuHomeDroite h2 a {text-decoration: underline;}
div.colDroite div.contenuHome div.contenuHomeDroite h2 a:link {color:#000000;text-decoration:underline;}
div.colDroite div.contenuHome div.contenuHomeDroite h2 a:hover {color:#333333;text-decoration:underline;}
div.colDroite div.contenuHome div.contenuHomeDroite ul{margin-top:10px;}
div.colDroite div.contenuHome div.contenuHomeDroite ul li{font-size:14px;font-weight:bold;color:#404040;line-height:21px;}
div.colDroite div.contenuHome div.contenuHomeDroite ul li a{color:#404040;}
div.colDroite div.contenuHome div.contenuHomeDroite ul li a:hover{color:#B0B0B0;}


/* CIA02 */
div.colDroite div.Contenu {width:700px;margin:0px 0px 30px 40px;}
div.colDroite div.Contenu div.ContenuGauche{width:300px;float:left;}
div.colDroite div.Contenu div.ContenuDroite{width:370px;height:245px;float:right;background:#fff url(/_Layouts/1036/images/CIAD/tpl_atouts_innovation.jpg) top no-repeat;}
div.colDroite div.Contenu div.ContenuGauchep{margin:0px 0px 2px 0px;font-family:arial;font-size:13px;font-weight:regular;color:#595959;}
/*
div.ContenuGauche table tbody tr td table tbody tr td div.ms-WPBody p
{
	color:#595959;
	font-family:Arial;
	font-size:13px;
	margin: 0 0 2px;
}
*/
/* CIA04 & CIA05 */
div.ms-WPBody div.contenuNews{width:675px;margin:0px auto 30px auto;}

/* CIA04 */
div.contenuNews div.contenuNewsPages{clear:both;width:675px;text-align:center;margin:40px 0px 20px 0px;}
div.contenuNews div.contenuNewsPages a{color:#A2A2A2;font-weight:bold;font-style:arial;text-align:center;padding:6px 5px 6px 5px;border:none;}
div.contenuNews div.contenuNewsPages a:hover{color:#F19311;}
div.contenuNews div.contenuNewsPages a.actif{color:#F19311;font-size:12px;font-weight:bold;}


div.contenuNews div.contenuNewsArticle{width:675px;height:110px;}
div.contenuNews div.contenuNewsArticle div.contenuNewsArticleGauche{width:110px;height:auto;float:left;margin:2px 0px 12px 0px;}
div.contenuNews div.contenuNewsArticle div.contenuNewsArticleDroite{width:550px;height:auto;float:right;margin:10px 0px 15px 0px;padding-top:4px;}
div.contenuNews div.contenuNewsArticle div.contenuNewsArticleBas{width:675px;height:20px;float:left;background:#fff url(/_Layouts/1036/medias/CIAD/tpl_fond_news.png) top repeat-x;}

div.contenuNews div.contenuNewsArticle div.contenuNewsArticleGauche img{width:85px;height:85px;padding:0px 10px 0px 10px;}
div.contenuNews div.contenuNewsArticle div.contenuNewsArticleDroite p{width:510px;margin:0px 0px 3px 0px;font-size:14px;font-weight:regular;color:#9B9B9B;}
div.contenuNews div.contenuNewsArticle div.contenuNewsArticleDroite p.titre{font-size:12px;font-weight:bold;font-style:arial;color:#72797F;}
div.contenuNews div.contenuNewsArticle div.contenuNewsArticleDroite p a{margin:8px 0px 0px 0px;font-size:12px;color:#616161;text-decoration:underline;float:right;}
div.contenuNews div.contenuNewsArticle div.contenuNewsArticleDroite p a:hover{color:#72797F;text-decoration:none;}


/* CIA05 */
div.contenuNews div.contenuNewsTemoignage{width:675px;height:110px;}
div.contenuNews div.contenuNewsTemoignage div.contenuNewsTemoignageGauche{width:110px;height:auto;float:left;margin:2px 0px 12px 0px;}
div.contenuNews div.contenuNewsTemoignage div.contenuNewsTemoignageDroite{width:550px;height:auto;float:right;margin:10px 0px 15px 0px;padding-top:4px;}
div.contenuNews div.contenuNewsTemoignage div.contenuNewsTemoignageBas{width:675px;height:20px;float:left;background:#fff url(/_Layouts/1036/medias/CIAD/tpl_fond_news.png) top repeat-x;}

div.contenuNews div.contenuNewsTemoignage div.contenuNewsTemoignageGauche img{width:90px;height:90px;padding:0px 5px 0px 5px;}
div.contenuNews div.contenuNewsTemoignage div.contenuNewsTemoignageDroite p{width:510px;margin:0px 0px 3px 0px;font-size:13px;font-weight:regular;color:#9B9B9B;}
div.contenuNews div.contenuNewsTemoignage div.contenuNewsTemoignageDroite p.signature{margin:8px 0px 0px 0px;font-size:11px;color:#616161;text-align:right;}

/* CIA07 */

div.articleSociete{width:657px;background:url(/_Layouts/1036//medias/ciad/tpl_article_home_fond.png) top left no-repeat;padding:23px 0px 0px 0px;clear:both;margin-left:16px;}
div.articleSociete div.articleSocieteHaut{margin-bottom:23px;float:top;}
div.articleSociete div.articleSocieteHaut h2{color:#C4C4C4;float:left;font-size:24px;font-weight:normal;margin:-35px 0 0 0;}
div.articleSociete div.articleSocieteBas{min-height:140px;-height:140px;float:bottom;border-top:1px solid #BFBFBF;padding-bottom:30px;}
div.articleSociete div.articleSocieteBas div.articleSocieteGauche{width:466px;min-height:140px;-height:140px;float:left;heigth:140px;padding:0px 0px 0px 0px;border-bottom:1px solid #BFBFBF;border-right:1px solid #BFBFBF;}
div.articleSociete div.articleSocieteBas div.articleSocieteGauche p{font-size:11px;font-family:arial;font-weight:bold;color:#000000;}
div.articleSociete div.articleSocieteBas div.articleSocieteGauche div.articleSocieteGaucheColGauche{float:left;width:85px;padding:30px 0px 30px 0px;}
div.articleSociete div.articleSocieteBas div.articleSocieteGauche div.articleSocieteGaucheColCentre{float:left;width:231px;padding:25px 0px 25px 0px;}
div.articleSociete div.articleSocieteBas div.articleSocieteGauche div.articleSocieteGaucheColDroite{float:left;width:150px;padding:12px 0px 12px 0px;}
div.articleSociete div.articleSocieteBas div.articleSocieteDroite{width:166px;min-height:140px;-height:140px;float:right;padding:10px 12px 10px 12px;background:url(/_Layouts/1036//medias/ciad/tpl_fond_contact_societe.png) top repeat-x;}
div.articleSociete div.articleSocieteBas div.articleSocieteDroite ul li{background:url(/_Layouts/1036//medias/ciad/tpl_fleche_droite_contact_societe.png) left no-repeat;-background:url(/_Layouts/1036//medias/ciad/tpl_fleche_droite_contact_societe.gif) left no-repeat;margin-bottom:3px;padding-left:16px;}
div.articleSociete div.articleSocieteBas div.articleSocieteDroite ul li a{font-size:12px;font-family:arial;font-weight:bold;color:#000000;}
div.articleSociete div.articleSocieteBas div.articleSocieteDroite ul li a:hover{color:#A59891;}

div.articleContact{width:657px;background:url(/_Layouts/1036//medias/ciad/tpl_article_home_fond.png) top left no-repeat;padding:23px 0px 0px 0px;clear:both;margin-left:16px;}
div.articleContact div.articleContactHaut{margin-bottom:23px;float:top;}
div.articleContact div.articleContactHaut h2{font-size:24px;font-family:arial;font-weight:normal;color:#000000;}
div.articleContact div.articleContactBas{clear:both;float:top;margin:23px 0px 30px 0px;width:657px;}
div.articleContact div.articleContactBas div.articleContactGauche{float:left;width:332px;-width:331px;border:1px solid #BFBFBF;padding:10px 14px 20px 20px;}

div.contactEnTete{float:left;width:332px;min-height:50px;/height:50px;}
div.contactEnTete p.info{width:332px;float:left;text-align:right;color:#A59891;font-family:arial;font-size:10px;font-style:italic;font-weight:regular;margin-bottom:4px;}
div.contactEnTete span.bouton_choix{float:left;margin:1px 0px 0px 0px;width:13px;}
div.contactEnTete span.bouton_choix label{float:left;width:332px;-position:absolute;-margin:20px 0px 0px -20px;}
div.contactEnTete p.libelle_choix{float:left;margin:0px 10px 0px 6px;color:#A59891;font-family:arial;font-size:12px;font-weight:regular;/padding:4px 0px 0px 6px;}

div.contactCentre{float:left;width:332px;}
div.contactCentre p.champs{width:332px;min-height:33px;-height:33px;}
div.contactCentre p.champs input{float:left;width:215px;border:2px solid #B6B0AD;margin-right:5px;}

div.contactBasPage{float:left;width:332px;}
div.contactBasPage div.contactCodeGauche{float:left;width:107px;}
div.contactBasPage div.contactCodeDroite{float:right;width:225px;height:27px;margin-top:7px;}
div.contactBasPage div.contactCodeBas{float:left;}
div.contactBasPage div.contactEnvoyer{float:left;margin:15px 0px 0px 0px;width:332px;text-align:center;}
div.contactBasPage div.contactEnvoyer p.bouton{text-align:center;width:332px;min-height:40px;-height:40px;}
div.contactBasPage div.contactEnvoyer p.bouton input{padding:0px 10px 0px 10px;}

div.articleContact div.articleContactBas div.articleContactGauche p.libelle{color:#A59891;font-family:arial;font-size:12px;font-weight:regular;padding:2px 0px 2px 0px;}
div.articleContact div.articleContactBas div.articleContactGauche p.libelle_code{color:#A59891;font-family:arial;font-size:11px;font-style:italic;font-weight:regular;}
div.articleContact div.articleContactBas div.articleContactGauche p.champs{min-height:33px;-height:33px;}
div.articleContact div.articleContactBas div.articleContactGauche p.champs label{float:left;padding:3px 0px 0px 0px;}
div.articleContact div.articleContactBas div.articleContactGauche p.champsTextArea{min-height:120px;-height:120px;}
div.articleContact div.articleContactBas div.articleContactGauche p.champsTextArea textarea{width:320px;max-width:320px;height:97px;border:2px solid #B6B0AD;overflow:hidden;}
div.articleContact div.articleContactBas div.articleContactGauche p.champsTextArea label{float:left;padding:2px 0px 2px 0px;}
div.articleContact div.articleContactBas div.articleContactGauche p.champs_code input{width:61px;border:2px solid #B6B0AD;}
div.articleContact div.articleContactBas div.articleContactGauche p.champs_code label{margin-left:10px;}
label.error{font-family:arial;font-size:10px;font-style:italic;font-weight:regular;color:#EA5484;min-height:13px;/height:13px;}

div.articleContact div.articleContactBas div.articleContactDroite{float:right;width:266px;text-align:center;}
div.articleContact div.articleContactBas div.articleContactDroite a{width:266px;height:20px;background:transparent url(/_Layouts/1036//medias/ciad/tpl_button_decouvrir_groupe.png) 0px 0px no-repeat;display:block;padding-top:109px;color:#FFFFFF;font-family:arial;font-size:11.5px;font-weight:bold;}
div.articleContact div.articleContactBas div.articleContactDroite a:hover{background:transparent url(/_Layouts/1036//medias/ciad/tpl_button_decouvrir_groupe.png) 0px -129px no-repeat;color:#1A171B;}


/*FOOTER*/
div.footer{background:url(/_Layouts/1036/medias/CIAD/tpl_footer_fond.gif) top center no-repeat;padding:50px 0px 100px 0px;text-align:center;margin:0px 0px 0px 175px;color:#72797F;font-size:10px;}
div.footer a{color:#72797F;}
div.footer a:hover{color:#333;}
div.footer span.credit{margin-right:10px;}
div.footer div.credit{}


