/************************************/
/********** 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:15px;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:280px;padding-left:20px;font-size:13px;}
.inner_anim_int{padding-top:100px;padding-right:20px;font-size:20px;text-align:right;text-shadow: 2px 2px #000;}
#anim01{background-image:url('images/cadre01.png');width:1000px;height:328px;cursor:pointer;}
#anim01 a:link {font-size:12px;color:#ff6c00;font-weight:bold;text-decoration:none;}
#anim01 a:visited {font-size:12px;color:#ff6c00;font-weight:bold;text-decoration:none;}
#anim01 a:hover {font-size:12px;color:#7b706b;font-weight:bold;text-decoration:none;}

#anim02{background-image:url('images/cadre02.png');width:1000px;height:328px;cursor:pointer;}
#anim02 a:link {font-size:12px;color:#fe0066;font-weight:bold;text-decoration:none;}
#anim02 a:visited {font-size:12px;color:#fe0066;font-weight:bold;text-decoration:none;}
#anim02 a:hover {font-size:12px;color:#7b706b;font-weight:bold;text-decoration:none;}

#anim03{background-image:url('images/cadre03.png');width:1000px;height:328px;cursor:pointer;}
#anim03 a:link {font-size:12px;color:#8f25c1;font-weight:bold;text-decoration:none;}
#anim03 a:visited {font-size:12px;color:#8f25c1;font-weight:bold;text-decoration:none;}
#anim03 a:hover {font-size:12px;color:#7b706b;font-weight:bold;text-decoration:none;}

#anim04{background-image:url('images/cadre04.png');width:1000px;height:328px;cursor:pointer;}
#anim04 a:link {font-size:12px;color:#d4ff0b;font-weight:bold;text-decoration:none;}
#anim04 a:visited {font-size:12px;color:#d4ff0b;font-weight:bold;text-decoration:none;}
#anim04 a:hover {font-size:12px;color:#7b706b;font-weight:bold;text-decoration:none;}

#anim05{background-image:url('images/cadre05.png');width:1000px;height:328px;cursor:pointer;}
#anim05 a:link {font-size:12px;color:#29b1ff;font-weight:bold;text-decoration:none;}
#anim05 a:visited {font-size:12px;color:#29b1ff;font-weight:bold;text-decoration:none;}
#anim05 a:hover {font-size:12px;color:#7b706b;font-weight:bold;text-decoration:none;}

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

#refinnercontent a:link{font-family: Droid Sans, Arial, Tahoma; color:#6a6a6a; font-size:11px;}
#refinnercontent a:visited{font-family: Droid Sans, Arial, Tahoma; color:#6a6a6a; font-size:11px;}
#refinnercontent a:hover{font-family: Droid Sans, Arial, Tahoma; color:#6a6a6a; font-size:11px;}

/********** 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;}
#cadres{margin-top:10px;height:216px;background-repeat:no-repeat;color:#4a4137;}
#cadres h1{padding-left:10px;padding-top:10px;color:#B1A598;}
#cadres_solutions{margin-top:10px;height:120px;background-repeat:no-repeat;}
#cadres_solutions h1{padding-left:10px;padding-top:10px;}
#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;}
.presentation_home{text-align:justify;color:#60574e;margin-bottom:20px;}
.presentation_home a:link {font-size:11px;color:#60574e;font-weight:bold;text-decoration:none;}
.presentation_home a:visited {font-size:11px;color:#60574e;font-weight:bold;text-decoration:none;}
.presentation_home a:hover {font-size:11px;color:#ff6c00;font-weight:bold;text-decoration:none;}

/********** 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_iphone{background-image: url('images/cadre_iphone.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{background-image:url('images/fond_titre.png');background-repeat:no-repeat;padding:20px 0px 0px 20px;}
#contenu_texte{background-color:#211d18;padding-left:20px;padding-right:20px;text-align:justify;color:#b1a598;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:#b1a598}
#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_1{width:249px;height:216px;float:left;text-align:justify;color:#B1A598;background-color:#211D18;-moz-border-radius:20px 0 0 20px;-khtml-border-radius:20px 0 0 20px ;border-right:1px solid #27221C;}
.module_1 p{padding:10px;}
.module_2{width:249px;height:216px;float:left;text-align:justify;color:#B1A598;background-color:#211D18;border-right:1px solid #27221C;}
.module_2 p{padding:10px 10px 5px 10px;}
.module_3{width:239px;height:216px;float:left;text-align:justify;color:#B1A598;background-color:#211D18;border-right:1px solid #27221C;-moz-border-radius:0 20px 20px 0;-khtml-border-radius:0 20px 20px 0;}
.module_3 p{padding:10px;}
.module_4{width:250px;height:216px;float:left;text-align:justify;color:#B1A598;margin-left:10px;}
.module_4 p{padding:10px;}
.cadre_1{width:199px;height:120px;float:left;color:#b1a598;background-color:#161310;-moz-border-radius:20px 0 0 20px;border-right:1px solid #27221C;-khtml-border-radius:20px 0 0 20px;}
.cadre_1 p{padding:10px 10px 0 10px;}
.cadre_2{width:199px;height:120px;float:left;color:#b1a598;background-color:#161310;border-right:1px solid #27221C}
.cadre_2 p{padding:10px 10px 0 10px;}
.cadre_3{width:199px;height:120px;float:left;color:#b1a598;background-color:#161310;border-right:1px solid #27221C}
.cadre_3 p{padding:10px 10px 0 10px;}
.cadre_4{width:199px;height:120px;float:left;color:#b1a598;background-color:#161310;border-right:1px solid #27221C}
.cadre_4 p{padding:10px 10px 0 10px;}
.cadre_5{width:200px;height:120px;float:left;color:#b1a598;background-color:#161310;-moz-border-radius:0 20px 20px 0;-khtml-border-radius:0 20px 20px 0;}
.cadre_5 p{padding:10px 10px 0 10px;}
.categ{width:230px;height:25px;margin-top:2px;margin-left:auto;margin-right:auto;background-image:url('images/fond_categ.png');}
.categ_contenu{padding-top:6px; padding-left:10px;line-height: 1.0}
.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{padding:10px 0 5px 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{margin-left:10px;margin-top:5px;width:150px;height:20px;background-image:url('images/bouton.png');background-repeat: no-repeat;padding-top:3px;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;}

.violet a:link {font-size:11px;color:#8f25c1;font-weight:bold;text-decoration:none;}
.violet a:visited {font-size:11px;color:#8f25c1;font-weight:bold;text-decoration:none;}
.violet a:hover {font-size:11px;color:#8f25c1;font-weight:bold;text-decoration:none;}
.violet{color:#8f25c1;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;}

.blanc{color:#fff;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 }