@charset "utf-8";
/* CSS Document */

/* RESET CSS */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */


/*************************************************************************************************************************************************************************/
/*** CUSTOM STYLE ********************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************/

/* INHERIT - GLOBAL */
/*************************************************************************************************************************************************************************/

html{ min-height:100%; }
body{ position:relative; min-height:100%; background-image:url(../img/bg.jpg); background-repeat:repeat-x; }
div.kill_float{ clear:both;}
/*************************************************************************************************************************************************************************/


/* DIVS */
/*************************************************************************************************************************************************************************/

/* Fleches background */
#fleches_bg{ position:relative; width:100%; height:auto; z-index:0; background-image:url(../img/fleches_bg.png); _background-image:url(../img/fleches_bg.gif); background-position:center center; background-repeat:no-repeat; }

/* Super Top Header */
#super_top{ width:1010px; height:210px; margin:0px auto; background-image:url(../img/bg_super_top.png);}
#super_top_bis{ width:1010px; height:auto; margin:0px auto; background-image:url(../img/bg_super_top.png); background-position:bottom; }

#link_social_media{float:left; width:240px; margin-left:60px; margin-top:15px; margin-bottom:10px; border-right:1px solid #999;}
#link_social_media h3.title_super_top{font-family:"Trebuchet MS", Arial; font-size:15px; color:#172983; margin-bottom:25px; margin-top:20px;}
a.link_actus_super_top{ line-height:52px; font-family:"Trebuchet MS", Arial; font-size:15px; color:#172983; margin-left:5px; text-decoration:none;}
a.link_actus_super_top:hover{ text-decoration:underline;}

#real_super_top{float:left; width:590px; margin-right:60px; margin-left:50px; margin-top:15px; margin-bottom:10px;}
#real_super_top h3.title_super_top{font-family:"Trebuchet MS", Arial; font-size:15px; color:#172983; margin-bottom:25px; margin-top:20px;}
a.real_super_top_mini_site{ display:block; width:60px; height:auto; float:left; margin:2px 3px;}
a.real_super_top_mini_site img{ width:60px; border:1px solid #333;}

/* Top Header */
#top_header_conteneur{ width:1010px; margin-left:auto; margin-right:auto; clear:both; background:url('../img/fond_preheader.jpg') repeat-y center; }
#top_header_shadow_left{ width:22px; float:left; background-image:url(../img/top_shadow_left.png); }
#top_header_shadow_right{ width:22px; float:left; background-image:url(../img/top_shadow_right.png);}
#top_header_shadow_right{ width:22px; float:left; background-image:url(../img/top_shadow_right.png);}
#top_header{ width:990px; float:left;}

/* Header Flash */
#header_conteneur{position:relative; width:100%; height:440px; z-index:1; overflow:hidden;}
#fix_position{ position:relative; width:966px; margin-left:auto; margin-right:auto;}
#encart_news{ position:relative; width:970px; height:341px; z-index:10; padding-left:5px; padding-right:5px; }
#flash{ position:absolute; width:2200px; height:440px; z-index:1;}

/* Conteneur Contenu principal */
#content_conteneur{ width:1010px; height:auto; margin-left:auto; margin-right:auto; position:relative; z-index:2;}
#content_shadow_left{ width:22px; height:auto; min-height:425px; float:left; background-image:url(../img/sub_shadow_left.png); background-repeat:no-repeat; position:relative; z-index:2; }
#content{ width:966px; height:auto; float:left; background-color:#FFFFFF; position:relative; z-index:2;}
#conteneur_encarts_left{ width:210px; _width:200px; float:left; padding-left:25px; _padding-left:15px;}
#conteneur_encarts_right{ width:686px; _width:656px; float:left; margin-left:20px; padding-right:25px; _padding-right:15px;}
#content_shadow_right{ width:22px; height:auto; min-height:425px; float:left; background-image:url(../img/sub_shadow_right.png); background-repeat:no-repeat;}

/* Menu Principal */
#main_menu{ width:938px; height:152px; margin-left:15px; position:relative; z-index:12; margin-top:-124px; _margin-top:-112px; font-weight:bold;}

/* Ombres sous le Menu Principal */
#main_menu_shadows{ width:926px; height:35px; margin-left:24px; margin-top:1px; _margin-top:-26px; }
#shadow_menu_1{ _display:block; _overflow:hidden; width:221px; height:16px; background-image:url(../img/main_menu_shadow_1.png); _background-image:url(../img/main_menu_shadow_1.gif); background-position:top; _background-position:top center; background-repeat:no-repeat; float:left; margin-right:13px;}
#shadow_menu_2{ _display:block; _overflow:hidden; width:219px; height:16px; background-image:url(../img/main_menu_shadow_2.png); _background-image:url(../img/main_menu_shadow_2.gif); background-position:top; _background-position:top center; background-repeat:no-repeat; float:left; margin-right:13px;}
#shadow_menu_3{ _display:block; _overflow:hidden; width:219px; height:16px; background-image:url(../img/main_menu_shadow_3.png); _background-image:url(../img/main_menu_shadow_3.gif); background-position:top; _background-position:top center; background-repeat:no-repeat; float:left; margin-right:13px;}
#shadow_menu_4{ _display:block; _overflow:hidden; width:220px; height:16px; background-image:url(../img/main_menu_shadow_4.png); _background-image:url(../img/main_menu_shadow_4.gif); background-position:top; _background-position:top center; background-repeat:no-repeat; float:left; margin-right:1px;}

/* Encart Menu Latéral */
#encart_menu_lat{ width:212px; height:auto; border:1px solid #DDD; background-color:#FFFFFF; margin-bottom:12px; background-image:url(../img/test_gradient_encarts_left.jpg); background-position:left;}

/* Encart Nos Compétences */
#encart_competences{ width:210px; height:auto; border:1px solid #DDD; background-color:#FFFFFF; margin-bottom:12px;  background-image:url(../img/test_gradient_encarts_left.jpg); background-position:left; }

/* Encart Logos */
#encart_logos{ width:190px; height:auto; border:1px solid #DDD; background-color:#FFFFFF; margin-bottom:10px; padding:10px; background-image:url(../img/test_gradient_encarts_left.jpg); background-position:left;}
#logos{ width:190px; height:180px;}

/* Encart Actus Info. */
#encart_actus_infos{ width:200px; height:auto; border:1px solid #DDD; background-color:#FFFFFF; margin-bottom:10px; padding-bottom:12px; padding-right:10px; background-image:url(../img/test_gradient_encarts_left.jpg); background-position:top left;}

/* Encart Actus Sites Sociaux (Facebook & Twitter) */
#encart_actus_social_medias{ width:200px; height:auto; border:1px solid #DDD; background-color:#FFFFFF; margin-bottom:10px; padding-bottom:12px; padding-right:10px; background-image:url(../img/test_gradient_encarts_left.jpg); background-position:left;}

/* Cadre Principal */
#texte_main{width:650px; _width:630px; padding-left:20px; padding-right:40px; padding-bottom:35px; padding-top:0px; margin-bottom:20px; }

/* Cadre Nos Réalisations */
#realisations{width:664px; _width:644px; position:relative; padding-left:20px; padding-top:10px; padding-right:22px; margin-bottom:20px; }

/* Footer */
#conteneur_footer{ width:100%; height:auto; min-height:283px; background-image:url(../img/bg_bottom_page.jpg); background-position:bottom center; padding-top:237px; margin-top:-235px; margin-bottom:0px;}
#footer{width:964px; height:25px; background-color:#f29400; border:1px solid #FFF; margin-bottom:20px; margin-left:auto; margin-right:auto;}
#bottom_footer{width:950px; height:auto; margin-top:40px; padding:0px 20px; background-color:#FFFFFF; margin-left:auto; margin-right:auto;}

/*************************************************************************************************************************************************************************/



/* IMAGES */
/*************************************************************************************************************************************************************************/
/* Nos réalisations */
a.pic_realisations img{width:200px; height:160px; border:1px solid #666;}

/* Encart a gauche */
img.fleche{ margin-right:5px;}

/* Encart News */
img.pic_news{border:1px solid #111; float:left; margin:8px 5px 10px 0px;}

/*************************************************************************************************************************************************************************/


/* TEXTES ET LIENS */
/*************************************************************************************************************************************************************************/

/***** CONTACTABLE (Encarts latéraux slide) *****/
p.contactable{ font-family:"Trebuchet MS", Arial; font-size:13px; line-height:25px; _padding-left:25px; color:#172983;}
p.contactable_title{font-family:"Trebuchet MS", Arial; font-size:15px; line-height:25px; color:#172983;}
p.contactable_min{font-family:"Trebuchet MS", Arial; font-size:12px; line-height:25px; color:#172983; width:330px;}
p.contactable a{ font-family:"Trebuchet MS", Arial; font-size:13px; line-height:25px; color:#172983; text-decoration:none;}
p.contactable a:hover{ text-decoration:underline;}

/***** HEADER *****/
/* Super Top Bis */
p.links_supertop_bis{font-family:"Trebuchet MS", Arial; font-size:12px; color:#172983; line-height:20px; vertical-align:middle; padding-top:10px; margin-left:35px; margin-right:35px;}
.links_supertop_bis a{color:#172983;text-decoration:none;}
/* Top Header */
a.link_top_header{ font-family:"Trebuchet MS", Arial; font-size:12px; font-weight:bold; color:#172983; line-height:28px; text-decoration:none; float:right; padding-right:15px; letter-spacing:0.8px;}
a.link_top_header:hover{ text-decoration:underline;}
/* News */
h3.news_title{ font-family:"Trebuchet MS", Arial; font-size:15px; color:#FFF; line-height:20px; vertical-align:middle; padding-top:15px; padding-bottom:10px;}
p.news{font-family:"Trebuchet MS", Arial; font-size:13px; color:#FFF; line-height:20px; vertical-align:middle; display:block; width:125px; height:85px; float:left; margin-top:8px; }
p.news a{ color:#FFF; text-decoration:none;}
p.news a:hover{ text-decoration:underline;}
p.news_date{ font-family:"Trebuchet MS", Arial; font-size:14px; color:#FFF; line-height:15px; vertical-align:middle; padding-top:10px; _padding-top:5px; padding-left:2px;}
p.news_date a{color:#FFF; text-decoration:none; }
p.news_date a:hover{ text-decoration:underline;}
p.news_link{ font-family:"Trebuchet MS", Arial; font-size:14px; color:#FFF; line-height:18px; vertical-align:middle; padding-top:8px; _padding-top:2px; padding-left:2px;}
p.news_link a{color:#FFF; text-decoration:none; }
p.news_link a:hover{ text-decoration:underline;}

/***** MENU PRINCIPAL *****/
/* Bouton "Human To Computer" */
a.link_main_menu_1{ display:block; width:222px; height:30px; _height:18px; float:left; background-image:url(../img/btn_1.png); _background-image:url(../img/btn_1.jpg); background-position:top; _background-position:top center; _background-repeat:no-repeat; font-family:"Trebuchet MS", Arial; font-size:13px; color:#FFF; text-decoration:none; text-align:right; padding-right:20px; padding-top:122px; margin-right:-10px; line-height:29px;}
a.link_main_menu_1:hover{ background-position:bottom; _background-position:bottom center;}
/* Bouton "Solutions Informatiques" */
a.link_main_menu_2{ display:block; width:222px; height:30px; _height:18px; float:left; background-image:url(../img/btn_2.png); _background-image:url(../img/btn_2.jpg); background-position:top; _background-position:top center;  _background-repeat:no-repeat; font-family:"Trebuchet MS", Arial; font-size:13px; color:#FFF; text-decoration:none; text-align:right; padding-right:20px; padding-top:122px; margin-right:-10px; line-height:29px;}
a.link_main_menu_2:hover{ background-position:bottom; _background-position:bottom center;}
/* Bouton "Création de sites" */
a.link_main_menu_3{ display:block; width:222px; height:30px; _height:18px; float:left; background-image:url(../img/btn_3.png); _background-image:url(../img/btn_3.jpg); background-position:top; _background-position:top center;  _background-repeat:no-repeat; font-family:"Trebuchet MS", Arial; font-size:13px; color:#FFF; text-decoration:none; text-align:right; padding-right:20px; padding-top:122px; margin-right:-10px; line-height:29px;}
a.link_main_menu_3:hover{ background-position:bottom; _background-position:bottom center;}
/* Bouton "Contact" */
a.link_main_menu_4{ display:block; width:222px; height:30px; _height:18px; float:left; background-image:url(../img/btn_4.png); _background-image:url(../img/btn_4.jpg); background-position:top; _background-position:top center;  _background-repeat:no-repeat; font-family:"Trebuchet MS", Arial; font-size:13px; color:#FFF; text-decoration:none; text-align:right; padding-right:20px; padding-top:122px; line-height:29px;}
a.link_main_menu_4:hover{ background-position:bottom; _background-position:bottom center;}

/***** ENCARTS A GAUCHE *****/
/* Titres Menus latéraux et textes */
h3.encarts_left{ display:block; width:195px; height:36px; font-weight:bold; padding-left:15px; background-image:url(../img/bg_title_encarts.jpg); font-family:"Trebuchet MS", Arial; font-size:15px; color:#172983; line-height:36px; letter-spacing:0.8px;}
h3.title_encart_left{ display:block; width:197px; height:30px; font-weight:bold; padding-left:15px; background-image:url(../img/bg_title_menu_lat.jpg); font-family:"Trebuchet MS", Arial; font-size:15px; color:#FFF; line-height:30px; letter-spacing:0.8px;}
h3.title_encart_left_2{ display:block; width:195px; height:34px; font-weight:bold; padding-left:15px; background-image:url(../img/bg_title_encarts2.jpg); font-family:"Trebuchet MS", Arial; font-size:15px; color:#f29400; line-height:36px; letter-spacing:0.8px;}
p.encart_actus_infos{ font-family:"Trebuchet MS", Arial; font-size:13px; padding-left:25px; padding-top:10px; color:#172983; line-height:20px;}
.encart_actus_infos a{ font-family:"Trebuchet MS", Arial; font-size:13px; padding-left:25px; padding-top:10px; color:#172983; line-height:20px; text-decoration:none;}
.encart_actus_infos br{ margin-bottom:20px;}
/* Menu Latéral de Navigation */
ul.encart_navigation{ width:212px; height:auto; }
ul.encart_navigation li{ display:block; height:32px; border-bottom:1px solid #DEDEDE; background-image:url(../img/btn_normal_menu_lat.jpg); padding-left:15px;}
ul.encart_navigation li.nocss{ display:block; height:auto; padding:0; margin:0; border:none;}
ul.encart_navigation ul li{ display:block; height:32px; border-bottom:1px solid #DEDEDE; background-image:url(../img/btn_normal_menu_lat.jpg); padding-left:32px;}
/* Menu latéral -> Légère ombre sur la première cellule des listes internes */
ul.encart_navigation li.first{ display:block; height:32px; padding-top:2px; border-bottom:1px solid #DEDEDE; background-image:url(../img/first_btn_normal_menu_lat.jpg);}
ul.encart_navigation li.first:hover{ display:block; height:32px; padding-top:2px; border-bottom:1px solid #DEDEDE;; background-image:url(../img/first_btn_hover_menu_lat.jpg);}
/* Menu latéral ->  Légère ombre sur la dernière cellule des listes internes */
ul.encart_navigation li.last{ display:block; height:32px; padding-bottom:2px; border-bottom:none; background-image:url(../img/last_btn_normal_menu_lat.jpg);}
ul.encart_navigation li.last:hover{ display:block; height:32px; padding-bottom:2px; border-bottom:none; background-image:url(../img/last_btn_hover_menu_lat.jpg);}
/* Menu latéral -> Cellule selectionnée */
ul.encart_navigation li.current{ background-image:url(../img/btn_hover_menu_lat.jpg);}
ul.encart_navigation li:hover{ background-image:url(../img/btn_hover_menu_lat.jpg);}
/* Menu latéral -> Textes des liens */
ul.encart_navigation li a{ font-family:"Trebuchet MS", Arial; font-size:13px; line-height:32px; color:#172983; font-weight:bold; text-decoration:none;}
ul.encart_navigation ul li a{font-family:"Trebuchet MS", Arial; font-size:13px; line-height:32px; color:#172983; font-weight:normal; text-decoration:none;}
ul.encart_navigation ul li a:hover{font-family:"Trebuchet MS", Arial; font-size:13px; line-height:32px; font-weight:bold; color:#172983; text-decoration:none;}
/* Menu latéral -> Affichage des puces */
ul.encart_navigation li img.main{ display:block; width:7px; height:10px; background-image:url(../img/main_puce_normal.png); float:left; vertical-align:bottom;}
ul.encart_navigation li:hover > img.main{ display:block; width:7px; height:10px; background-image:url(../img/main_puce_hover.png);}
/* Menu Latéral -> footer orange */
ul.encart_navigation li.foot_orange{ display:block; _overflow:hidden; height:8px; border-bottom:none; background-image:url(../img/bg_foot_menu_lat.jpg);}
ul.encart_navigation li.foot_orange:hover{ display:block; _overflow:hidden; height:8px; border-bottom:none; background-image:url(../img/bg_foot_menu_lat.jpg);}
/* Menu Latéral des Compétences */
ul.encart_competence{ width:212px; height:auto; }
ul.encart_competence li{display:block; height:32px; border-bottom:1px solid #DEDEDE; background-image:url(../img/btn_normal_menu_lat.jpg); padding-left:15px;}
/* Menu latéral -> Cellule selectionnée */
ul.encart_competence li:hover{ background-image:url(../img/btn_hover_menu_lat.jpg);}
/* Menu latéral -> Textes des liens */
ul.encart_competence li a{font-family:"Trebuchet MS", Arial; font-size:13px; line-height:32px; color:#172983; font-weight:normal; text-decoration:none;}
ul.encart_competence li a:hover{ font-weight:bold;}
/* Menu Compétences -> Légère ombre sur la première cellule */
ul.encart_competence li.first{ display:block;height:32px; padding-top:2px; border-bottom:1px solid #DEDEDE; background-image:url(../img/first_btn_normal_menu_lat.jpg);}
ul.encart_competence li.first:hover{ display:block; height:32px; padding-top:2px; border-bottom:1px solid #DEDEDE;; background-image:url(../img/first_btn_hover_menu_lat.jpg);}
/* Menu Compétences -> Légère ombre sur la première cellule */
ul.encart_competence li.last{ display:block; height:32px; padding-bottom:2px; border-bottom:none; background-image:url(../img/last_btn_normal_menu_lat.jpg);}
ul.encart_competence li.last:hover{ display:block; height:32px; padding-bottom:2px; border-bottom:none; background-image:url(../img/last_btn_hover_menu_lat.jpg);}
/* Menu Compétences -> footer orange */
ul.encart_competence li.foot_orange{ display:block; _overflow:hidden; height:8px; border-bottom:none; background-image:url(../img/bg_foot_menu_lat.jpg);}
ul.encart_competence li.foot_orange:hover{ display:block; _overflow:hidden; height:8px; border-bottom:none; background-image:url(../img/bg_foot_menu_lat.jpg);}

/***** CONTENU A DROITE *****/
/* Texte Principal */
h1{ font-family:"Trebuchet MS", Arial; font-size:20px; color:#f29400; line-height:34px; vertical-align:middle; padding-top:0px; padding-bottom:10px;}
h2{ font-family:"Trebuchet MS", Arial; font-size:17px; color:#172983; line-height:25px; vertical-align:middle; padding-top:25px; padding-bottom:10px; margin-left:15px;}
h3.text_basic_intro{ font-family:"Trebuchet MS", Arial; font-size:15px; color:#222; text-align:justify; line-height:25px; font-weight:normal; margin-left:15px; margin-top:8px; margin-bottom:8px; }
p.text_basic_tab1{ font-family:"Trebuchet MS", Arial; font-size:13px; line-height:22px; text-align:justify; color:#222; margin-left:15px;}
p.text_basic_tab2{ font-family:"Trebuchet MS", Arial; font-size:13px; line-height:22px; text-align:justify; color:#222; margin-left:35px;}
.affiche_news p{ font-family:"Trebuchet MS", Arial; font-size:13px; line-height:22px; text-align:justify; color:#222; margin-left:104px;}
.affiche_news a{ font-family:"Trebuchet MS", Arial; font-size:13px; line-height:22px; text-align:justify; color:#222; margin-left:35px; font-weight:bold;}
.formulaire_contact label{ font-family:"Trebuchet MS", Arial; font-size:13px; line-height:22px; text-align:right; color:#222; padding-right:10px;float:left;width:180px;}

#plan_site ul li a{ font-family:"Trebuchet MS", Arial; font-size:13px; line-height:22px; text-align:justify; color:#222; margin-left:35px; font-weight:bold; text-decoration:none;}

#texte_main li{ font-family:"Trebuchet MS", Arial; line-height:22px; text-align:justify; margin-left:60px;font-size:10pt;}


/* Nos Realisations */
a.pic_realisations{ display:block; width:200px; height:180px; padding-right:5px; margin:5px; _margin:0px; float:left; font-family:"Trebuchet MS", Arial; font-size:13px; line-height:22px; color:#333; text-decoration:none; text-align:right; font-weight:bold;}
a.pic_realisations:hover{ text-decoration:none;}
a.link_voir_plus{ font-family:"Trebuchet MS", Arial; font-size:14px; font-weight:bold; color:#172983; float:right; text-decoration:none; margin-right:50px; margin-top:15px; margin-bottom:10px;}
a.link_voir_plus:hover{ text-decoration:underline;}

/***** FOOTER *****/
/* Texte & Liens Footer barre orange */
p.text_footer{ font-family:"Trebuchet MS", Arial; font-size:13px; line-height:25px; color:#FFF; text-align:center;font-weight:bold;}
a.link_footer{ color:#FFF; text-decoration:none;}
a.link_footer:hover{ text-decoration:underline;}
/* Liens Sous le footer listes */
ul.bottom_footer{ width:190px; height:auto; float:left;}
ul.bottom_footer li a{font-family:"Trebuchet MS", Arial; font-size:11px; line-height:18px; color:#666; text-decoration:none;}
ul.bottom_footer li a:hover{ text-decoration:underline;}
ul.bottom_footer li.title_bottom_footer a{font-family:"Trebuchet MS", Arial; font-size:12px; line-height:18px; color:#172983; text-decoration:none;}
ul.bottom_footer li.title_bottom_footer a:hover{ text-decoration:underline;}

/*************************************************************************************************************************************************************************/