/* CSS Document */
/* BALISE GEN */
body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#FFF; /*background:#FFF url(../img/fond.gif);*/ color:#393949; behavior: url("fileadmin/templates/media/style/csshover.htc"); }
body, p, ul, div, img, h1, h2, h3, h4, table, tr, td{ padding:0 ; margin:0; border:0}
p{line-height:16px}
a{ text-decoration:none}

/* CLASSES GEN */
.breaker{clear:both; height:1px; overflow:hidden}

/* CENTER ALL */
#center_all{margin:auto; width:771px}
#global_back{ background-image:url(../img/index/page_back.gif)}

/* HEADER */
#header{ background: #4492D2 url(../img/index/head_mac.jpg) no-repeat 0 4px; width:745px; height:148px; margin-left:7px; padding:8px 7px 0 0}
#header ul{ list-style-type:none}
#header li{ float:left}	
#logo{ margin:12px 0 0 15px}
#langues{ float:right; background:url(../img/index/tiret_langue.gif) no-repeat 0 -6px; width:110px;}
#langues table{margin:3px 0 0 8px}
#langues td{width:25px}	
#langues a{width:18px ; height:13px; background-color:#393949; display:block; border:1px solid #FFF; text-align:center; font-weight:bold; font-size:10px; color:#FFF}
#langues a:hover{background-color:#009C7D}

/* MENU */

#menu{color:#FFF; width:750px; height:33px; margin:0 0 0 7px; background-image:url(../img/index/menu_fond.gif); }
#menu ul{ list-style-type:none; margin-left:9px; border:0px}
#menu li{ float:left; margin:0 10px 0 0; padding:7px 10px 0 0; border-right: 2px solid #FFF; height:24px}
#menu a{ color:#FFF; font-weight:bold; display:block;}
#menu a:hover{ color:#00D9AE}
#menu li.on a{ color:#00D9AE}
#menu li.on ul a{ color:#FFF/*#393949*/}

#menu li ul { z-index:10px; visibility:hidden; width:140px; position:absolute; margin-top: 10px; }
#menu li ul a { padding-right:0; padding-left:5px; padding-bottom:0; padding-top:0; font-size:12px; color: #FFF/*#393949*/; font-weight: 400;}
#menu li ul a:hover { color: #4492D2; font-weight: 700; }

/*#menu li ul{ margin:10px 0 10px -10px} */
#menu li ul li { display:block; background:url(../img/menu_bullet.gif) 10px 9px no-repeat; background-color:#999; float:left; width:100%; position:static; height: 16px;  border-bottom: 2px solid #fff; border-left: 2px solid #fff; padding-left: 17px; }
#menu li ul li:hover { background: url(../img/menu_bullet_over.gif) 10px 9px no-repeat; background-color: #DDD;}

#menu li ul li.on{ background: url(../img/menu_bullet_over.gif) 10px 9px no-repeat; background-color: #DDD;}
#menu li ul li.on a {color: #4492D2; font-weight: 700; }

DIV#menu li:hover ul { visibility: visible }
#menu li:hover li:hover ul { visibility: visible }
#menu li:hover li:hover li:hover ul { visibility: visible }
#menu li:hover li ul { visibility: hidden }
#menu li:hover li:hover li ul { visibility: hidden }
#menu li:hover li:hover li:hover li ul { visibility:hidden }

#menu li ul li.first { margin:0px -17px; }


/* MENu POUR LA PAGE NEWS */
#menu_news{color:#FFF; width:750px; height:33px; margin:0 0 0 7px; background-image:url(../img/index/menu_fond.gif)}
#menu_news ul{ list-style-type:none; margin-left:9px}
#menu_news li{ float:left; margin:0 10px 0 0; padding:7px 10px 0 0; border-right: 2px solid #FFF; height:24px}
#menu_news a{ color:#FFF; font-weight:bold}
#menu_news a:hover{ color:#00D9AE}


/* SOUS MENU */

ul#ss_menu{ margin:0; padding:0; width:146px; float:left; list-style:none;}
ul#ss_menu li{margin:0; margin-left:2px; border-bottom: 2px solid #fff; background-color:#ddd; }

/* sous menu niveau 1 */
li.ss_menu_level_1_off {padding-bottom:3px; background: url("../img/menu_bullet.gif") 3px 4px no-repeat; }
li.ss_menu_level_1_off a{color:#002C52;padding-left:13px;}
li.ss_menu_level_1_off a:hover{ color:#4492D2;font-weight:bold;}
li.ss_menu_level_1_on {padding-bottom:3px; background: url("../img/menu_bullet.gif") 3px 4px no-repeat; }
li.ss_menu_level_1_on a{ color:#4492D2;font-weight:bold;padding-left:13px;}

/* sous menu niveau 2 */

li.ss_menu_level_2_off {padding-bottom:3px; font-size:11px;}
li.ss_menu_level_2_off a{color:#002C52;padding-left:18px;}
li.ss_menu_level_2_off a:hover{ color:#4492D2;}
li.ss_menu_level_2_on {padding-bottom:3px; font-size:11px;}
li.ss_menu_level_2_on a{ color:#4492D2;padding-left:18px;}

/* FLASH INDEX*/
#flash{margin-left:7px; height:181px; overflow:hidden; }

/* BOXES INDEX (sme large companies - revolution)*/
#boxes{ margin-left:7px;}
#sme_large,#revolution{ width:275px; float:left;margin-right:5px}
#boxes h1{color:#FFF; padding-left:5px; height:17px; font-size:12px;} /* commun à toutes les box même news */
.content_boxes h1{ width:270px; background:url(../img/index/index_box_title.gif) no-repeat}
.content_boxes{background-color:#FFF; width:275px}
.content_boxes img{ margin:0 0 0 2px}
.content_boxes_enter{ float:right; padding-right:20px; border:0; background:url(../img/index/index_box_enter.gif) no-repeat; width:130px; height:50px}
.content_boxes_enter:hover{background:url(../img/index/index_box_entero.gif) no-repeat;}
.content_boxes p{padding:2px 2px 14px 2px;}	

/* BOX NEWS INDEX*/	
#box_news{width:190px; float:left;}
#box_news img{ border:0; margin:0; padding:0}
#box_news h1{width:185px; background:#FFF url(../img/index/index_news_title.gif);}
#content_news{overflow:auto;height:308px;background-color:#FFF}
#content_news h2 a{ text-transform:none;padding-top:5px;margin:0 0 5px 0;padding-left: 18px;font-size:12px; color:#393949;  background:url(../img/fleche_verte.gif) no-repeat 2px 7px;}
#content_news a{color:#F20; height:10px; width:65px; padding-top:4px}
#content_news a:hover{ text-decoration:underline}

/* EACH NEWS INDEX*/
.news{background-color:#EEE; margin:2px; padding-bottom:5px}
.news p{ margin:5px 2px}


/* FOOTER */
#footer{ background-image:url(../img/index/page_bottom.gif); height:42px}

/*COPY*/
#copy{ text-align:center; color:#999; padding:3px;}
#copy table{ width:100%}
#copy td#txt{ width:53%; text-align:right}		
#copy td#image{ width:47%; text-align:left; }

#copy p{margin: 0 0 5px 0}

/* VALIDATION */
#validation{margin-top:20px;}
#validation table{ width:100%}
#validation td#xhtml{ width:50%; text-align:right; }
#validation td#css{ width:50%; text-align:left}	

/* CONTENU */

/* CONTENU */

#global_content{ clear:both; width:750px; margin:0 0 0 7px; padding:0; background-color:#FFF;}
img#content_bottom{ clear:both; margin:0 0 0 7px;}

#contenus{ float:left; margin-left:2px; width:600px; padding:0;}
#contenu_img{margin:0; padding:0; background-color:#FFF;}
#contenu_texte{margin:0; padding-top:5px;}
#contenu_texte p{margin-bottom:10px; padding:0 10px;}
#contenu_texte img{float:right}
#contenu_texte a{color:#4293D4;}
#contenu_texte a:hover {text-decoration:underline}


.bodytext {/* class p de typo3 : vide pour le moment*/ }

#contenu_texte ul {padding-left:10px; margin-bottom:10px; list-style-image:url(../img/fleche_verte.gif)}
#contenu_texte li { margin-left:15px;}

h1, h2, h3, h4, h5 {font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: bold; 	margin:0; padding:0; padding-left:10px;}

h1{	color:#4293D4; font-size:24px; margin-bottom:5px}

h2{	color:#383745; font-size:14px;}

h3, h4, h5{	color:#4B8EC5; font-size: 12px;margin:10px 0 5px 0;}

/* PRODUCTS : DATA et VOICE*/
#conteneur_data{ float:left; margin-right:5px; width:295px; padding:0;}
#conteneur_data ul {padding-left:10px; margin-bottom:10px; list-style-image:url(../img/fleche_verte.gif)}
#conteneur_data li { margin-left:15px;}
#conteneur_data a{color:#4293D4;}
#conteneur_data a:hover {text-decoration:underline}

#conteneur_voice{ float:left; margin:0; width:295px; padding:0;}
#conteneur_voice ul {padding-left:10px; margin-bottom:10px; list-style-image:url(../img/fleche_verte.gif)}
#conteneur_voice li { margin-left:15px;}
#conteneur_voice a{color:#4293D4;}
#conteneur_voice a:hover {text-decoration:underline}


/* FORM */
input{width:250px}
.input_checkbox { width:25px}
.input_button { width:100px}
textarea{width:250px}