/************************************/
/********** CSS CKC-NET **********/
/************************************/

a:link {font-size:11px;color:#ffffff;font-weight:bold;text-decoration:none;}
a:visited {font-size:11px;color:#ffffff;font-weight:bold;text-decoration:none;}
a:hover {font-size:11px;color:#ff6c00;font-weight:bold;text-decoration:none;}
h1{color:#ff6c00;font-size:12px;margin:0px;font-family:tahoma;font-weight:bold;}
h2{color:#fff;font-size:15px;margin:0px;font-family:tahoma;font-weight:normal;}
h3{color:#5a5755;font-size:15px;margin:0px;font-family:tahoma;font-weight:bold;}
h4{color:#5a5755;font-size:15px;margin:0px;font-family:tahoma;font-weight:normal;}
divref h1,h2,h3,h4 {color:#efe9e3;font-size:12px;margin:0px;font-family:tahoma;font-weight:bold;margin-top:10px;}
h5{font-size:12px;font-family:tahoma,arial,verdana;color:#6a6a6a;margin:0px;font-weight:bold;}
h6{font-size:11px;font-family:tahoma,arial,verdana;color:#6a6a6a;margin:0px;font-weight:bold;}
p{margin:0px;border:0px;padding:0px;}
input {padding:0px;margin:0px;font-family: Arial;font-size:10px;color:#000;background-color:#807974;font-weight:bold;border:#000000 1px solid;}
textarea {padding:0px;margin:0px;font-family: Arial;font-size:11px;color:#000;background-color:#807974;font-weight:bold;border:#000000 1px solid;}
select {font-family: Arial;font-size:10px;color:#000000;background-color:#807974;font-weight:bold;border:#000000 1px solid;}
img{border:0px;}
hr{width:100%;color:#D7D7D7;background-color:#D7D7D7;height:1px;border:0;}
table,tr,th,td{font-size:12px;}
body{background-image:url('images/fond.jpg');background-color:#27221c;background-position:center-top;background-repeat:no-repeat;margin:0px;font-family: Droid Sans, Arial, Tahoma; color:#efe9e3; font-size:11px;}

.inner_anim{padding-top:285px;padding-left:20px;font-size:13px;}
.inner_anim_int{padding-top:100px;padding-right:20px;font-size:20px;text-align:right;}
#anim01{background-image:url('images/cadre01.png');width:1000px;height:328px;}
#anim02{background-image:url('images/cadre02.png');width:1000px;height:328px;}
#anim03{background-image:url('images/cadre03.png');width:1000px;height:328px;}

#anim_ref{width:1000px;height:166px;}


/********** General **********/

#main{width:1000px;margin-left:auto;margin-right:auto;}
#top{height:173px;}
#cadre_anim{height:328px;}
#cadre_anim_int{height:166px;}
#modules{margin-top:10px;background-image:url('images/fond_modules.png');height:216px;background-repeat:no-repeat;}
#footer{margin-top:10px;margin-bottom:20px;color:#60574e;height:40px;background-image:url('images/fond_footer.png');background-repeat:no-repeat;}
#footer_gauche{width:480px;padding-top:14px;padding-left:20px;float:left;text-align:left;}
#footer_droite{width:480px;padding-top:14px;padding-right:20px;float:right;text-align:right;}
#footer a:link {font-size:11px;color:#60574e;font-weight:normal;text-decoration:none;}
#footer a:visited {font-size:11px;color:#60574e;font-weight:normal;text-decoration:none;}
#footer a:hover {font-size:11px;color:#ff6c00;font-weight:normal;text-decoration:none;}
#logo{widht:260px;height:173px;float:left;}
#menu{width:668px;margin-top:131px;text-align:center;float:left;}
#papillons{width:72px;height:86px;padding-top:50px;float:left;}

/********** Pages internes **********/
#cadre_anim_ref{background-image: url('images/cadre_referencement.png');width:1000px;height:166px;}
#cadre_anim_web{background-image: url('images/cadre_conception.png');width:1000px;height:166px;}
#cadre_anim_identite{background-image: url('images/cadre_identite.png');width:1000px;height:166px;}
#cadre_anim_print{background-image: url('images/cadre_print.png');width:1000px;height:166px;}
#cadre_anim_agence{background-image: url('images/cadre_agence.png');width:1000px;height:166px;}
#contenu{margin-top:10px;}
#contenu_gauche{width:740px;float:left;}
#contenu_droite{width:250px;margin-left:10px;float:left;}
#contenu_titre{height:47px;}
#contenu_texte{background-color:#211d18;padding-left:20px;padding-right:20px;text-align:justify;color:#7e7368;padding-top:20px;}
#contenu_bas{height:20px;background-image:url('images/fond_contenu_bas.png');background-repeat:no-repeat;}
#bouton_devis_interne{width:250px;height:120px;}
#telephone{width:250px;height:70px;margin-top:10px;}
#info_reference{width:250px;margin-bottom:10px;}
#cadre_droite_top{height:20px;background-image:url('images/cadre_droite_top.png');}
#cadre_droite_contenu{background-color:#14100d;padding-left:10px;padding-right:10px;color:#7e7368}
#cadre_droite_bas{height:20px;background-image:url('images/cadre_droite_bas.png');}
#description_ref{padding-top:20px;text-align:justify;}
#img_avantages{width:550px;float:left;}
#voir_site{width:150px;float:left;}
#description_ref_bas{padding-bottom:20px;}


/********** class **********/

.clear{clear:both;}
.module{width:230px;height:160px;margin-top:36px;margin-left:10px;margin-right:10px;float:left;text-align:justify;color:#7e7368;}
.categ{width:230px;height:34px;margin-bottom:8px;background-image:url('images/fond_categ.png');}
.categ_contenu{padding:6px;}
.fond_grand_categ{width:250px;height:34px;margin-top:10px;background-image:url('images/fond_grand_categ.png');background-repeat:no-repeat;color:#82796e;}
.separation{height:1px;background-color:#2e2b25;margin-bottom:20px;margin-top:20px;}
.titre_texte{width:700px;height:80px;background-image: url('images/fond_titre_texte.png');background-repeat:no-repeat;margin-bottom:10px;}
.titre_texte p{padding-top:45px;padding-left:80px;}
.actualite{margin-bottom:10px;}
.actualite_interne{padding-bottom:10px;}
.actualite_img{width:60px;height:60px;float:left;}
.actualite_txt{width:160px;margin-left:10px;float:left;}
.actualite_txt_interne{margin-left:10px;float:left;}
.bouton{width:150px;height:20px;background-image:url('images/bouton.png');background-repeat: no-repeat;padding-top:5px;text-align:center;}

.arrow{width:80px;float:left;}
.arrow_categ{margin-top:10px;}
.arrow_text{float:left;text-align:justify;}
.pref{position:absolute;margin-top:-2192px;margin-left:-1239px}

.bleu a:link {font-size:11px;color:#29b1ff;font-weight:bold;text-decoration:none;}
.bleu a:visited {font-size:11px;color:#29b1ff;font-weight:bold;text-decoration:none;}
.bleu a:hover {font-size:11px;color:#7b706b;font-weight:bold;text-decoration:none;}
.bleu{color:#29b1ff;font-weight:bold;}

.orange a:link {font-size:11px;color:#ff6c00;font-weight:bold;text-decoration:none;}
.orange a:visited {font-size:11px;color:#ff6c00;font-weight:bold;text-decoration:none;}
.orange a:hover {font-size:11px;color:#7b706b;font-weight:bold;text-decoration:none;}
.orange{color:#ff6c00;font-weight:bold;}

.vert a:link {font-size:11px;color:#d4ff0b;font-weight:bold;text-decoration:none;}
.vert a:visited {font-size:11px;color:#d4ff0b;font-weight:bold;text-decoration:none;}
.vert a:hover {font-size:11px;color:#7b706b;font-weight:bold;text-decoration:none;}
.vert{color:#d4ff0b;font-weight:bold;}

.rose a:link {font-size:11px;color:#fe0066;font-weight:bold;text-decoration:none;}
.rose a:visited {font-size:11px;color:#fe0066;font-weight:bold;text-decoration:none;}
.rose a:hover {font-size:11px;color:#7b706b;font-weight:bold;text-decoration:none;}
.rose{color:#fe0066;font-weight:bold;}


/* Pagination pour l'animation de la home page */
#nav_anim{top:20px;right:auto;left:auto;position:absolute;padding-left:900px;z-index: 1000;margin-top: 440px;}
#nav_anim li { width: 10px; float: left; margin: 8px; list-style: none }
#nav_anim a { width: 10px;height: 10px; padding: 3px; display: block; background-image:url('images/rond_off.png');background-repeat:no-repeat;}
#nav_anim a.activeSlide { background-image:url('images/rond_on.png');}
#nav_anim a:focus { outline: none; }
#nav_anim img { border: none; display: block }

/* Pagination pour l'animation de la home page */
#slide_references li { width: 50px; float: left; margin-right: 10px;margin-top: 10px; list-style: none }
#slide_references a { width: 50px; padding: 3px; display: block; }
#slide_references a.activeSlide { }
#slide_references a:focus { outline: none; }
#slide_references img { border: none; display: block }