html, body { height: 100%; margin: 0; }
body { font: 100% "Verdana", Tahoma, Arial, sans-serif; }
html { background: #fff; color:#000; font-size:12px; }
img { border:0; }

#center a { color: #0066ff; text-decoration: none; }
#center a:hover { text-decoration: underline; }

#global { min-height: 100%; width: 930px; margin: 0 auto; position: relative; background: #fff url(../img/bg/bg_content.gif) center repeat-y; color:#000; }
#header { width: 930px; margin-top:0px; height: 291px; margin-left: 0px; background: #fff url(../img/all/bg/bg_head.gif) top left repeat-x; }
#bandeau { width: 930px; margin-top:0px; height:17px; background: #fff url(../img/all/bghaut.gif) top left repeat-y; color:#000; }
#logo_entete span { position: absolute; top: 23px; left: 0px; z-index:10; }
#flashcontent { position: absolute; top: 48px; left: 0px; width:930px; z-index:0; }

#menu_top { position: absolute; top: 90px; left: 200px; height:40px; z-index:10; font-size:11px; color: #B2B2B2; }
#menu_top ul { list-style: none; margin:0; padding:0; border: none; }
#menu_top li { display:inline; margin:0 10px 0px 0; padding:0; }
#menu_top img { vertical-align: middle; padding: 0 3px 0 0; }
#menu_top a, a:visited { text-decoration:none; color:#B2B2B2; }
#menu_top a:hover { text-decoration:underline; }

#center { padding: 5px 0 50px 0; margin-bottom: 10px; overflow: hidden; }
#content { float: left; width: 630px; padding: 0 0 0 8px; }
#sidebar { float: right; width: 260px; margin: 0; padding: 0; }
#footer {  font-size:11px; color: #808080; position: absolute; bottom: 0px; width:930px; height:40px; background:#BDDEE5  url(../img/all/bgbas.gif) top left no-repeat; line-height:16px; clear:both; text-align:right; }
#footer a, a:visited { text-decoration:none; color:#02A8B9; }
#footer a:hover { text-decoration:underline; }

#col1 { float: left; background: #fff; width: 383px; margin-left: 14px; display: inline; }
#col2 { background: #fff; float: left; width: 257px; margin-left: 0; }
#col3 { background: #fff; float: left; width: 264px; margin-left: 12px; margin-right: 0; }
#col4 { background: #fff; float: left; width: 322px; margin-left: 0; }
#col5 { float: left; background: #fff; width: 593px; margin-left: 12px; display: inline; }

.navmenu { margin: 0; height: 50px; background: #fff url(../img/all/bg/bg_nav.gif) top repeat-x; font-family: "verdana", arial, sans-serif; font-size: 9px; color: #000; }

#projets div.projet { width:383px; margin:0; height:55px; margin-bottom:8px; }
#projets div.projet h2 { font-size:18px; font-weight:bold; color:#02A8B9; margin:0; padding:0; }
#projets div.projet .smenu { color:#B2B2B2; margin:0; padding:0; font-size:10px; }
#projets div.projet a, a:visited { text-decoration:none; color:#02A8B9; }
#projets div.projet a:hover { text-decoration:none; color:#ff8000; }

#souspres { font-size:11px; text-align:justify; color: #000; padding:8px; margin-top:-2px; background: #E9F8FC; }

#autres div.projet { width:324px; margin:0; height:40px; padding:5px; margin:0; }
#autres div.projet h2 { font-size:15px; font-weight:bold; color:#02A8B9; margin:0; padding:0; }
#autres div.projet .smenu { color:#B2B2B2; margin:0; padding:0; }
#autres div.projet a, a:visited { text-decoration:none; color:#02A8B9; }
#autres div.projet a:hover { text-decoration:none; color:#ff8000; }

#qui { font-size:12px; color: #000; }

#questions { font-size:11px; color: #6f6f6f; border:1px solid #ccc;border-top:0px;padding:5px;margin-top:-2px; background: #fff url(../img/all/bg/bg_quest.gif) top repeat-y; }
#questions ul { list-style-position:outside; list-style: none; margin:0; padding:0; border: none; }
#questions li { line-height:15px; margin:0 10px 0px 0; padding:5px; border-bottom: 1px dotted #ccc; }

#actu { font-size:11px; text-align:justify; color: #000; border:1px solid #ccc;border-top:0px;padding:5px;margin-top:-2px; background: #fff; }
#actu ul { list-style-position:outside; list-style: none; margin:0; padding:0; border: none; }
#actu li { line-height:15px; margin:0 10px 0px 0; padding:5px; border-bottom: 2px dotted #ccc; }
/* ------------------------------------------------------------------------------------------------------------ */
/* 2 - INSYWEB 																									*/
/* ------------------------------------------------------------------------------------------------------------	*/
.cadregris { border:1px solid #ccc; border-top:0px; padding:10px; margin-top:-2px; }
.cadreblue { border:1px solid #6fafbc; border-top:0px; padding:10px; margin-top:-2px; }
.titreH3 { color:#026B81; font-size:13px; font-weight:bold; }
.titreBlack { color:#000; font-size:12px; font-weight:bold; }
.titreactu { color:#026B81; font-size:15px; font-weight:bold; }
.dateactu { color:#808080; font-size:12px; }
.th1 { color:#fff; font-size:14px; height:30px; background: #fff url(../img/all/bg/bg_th1.gif) top repeat-x;}
.th2 { color:#fff; font-size:14px; height:30px; background: #fff url(../img/all/bg/bg_th2.gif) top repeat-x;}
ul.liste2 { margin:0 0 0 15px; padding:5px; list-style-image: url(../img/all/bt/puce_carre.gif);  }
ul.liste2 li { padding:0 30px 0 0;  }

div.suite { padding:0; text-align:right; font-size:11px; }
div.suite a, a:visited { color:#2292CE; text-decoration:underline; }
div.suite a:hover { text-decoration:none; }

/* MENU RUBRIQUE */
#menuroll {width:930px;height:50px;background:url(../img/menu/menu_off.gif);padding:0;margin:0;position:relative;}
#menuroll li {margin:0;padding:0;list-style:none;position:absolute;top: 0;}
#menuroll li, #menuroll a {height:50px;display: block;}
#menuroll span {display: none;}
#menuroll a {border: solid 0px #f00;}

#rub1 {left:0;width:105px;height:50px}
#rub2 {left:107px;width:105px;height:50px;}
#rub3 {left:214px;width:105px;height:50px;}
#rub4 {left:321px;width:105px;height:50px;}
#rub5 {left:428px;;width:105px;height:50px;}
#rub6 {left:535px;width:105px;height:50px;}
#rub7 {left:642px;width:105px;height:50px;}
#rub8 {left:749px;width:105px;height:50px;}

#rub1 a {height:50px}
#rub2 a {height:50px;}
#rub3 a {height:50px;}
#rub4 a {height:50px;}
#rub5 a {height:50px;}
#rub6 a {height:50px;}
#rub7 a {height:50px;}
#rub8 a {height:50px;}

#rub1 a:hover {background: transparent url(../img/menu/menu_on.gif) 0px 0px no-repeat;}
#rub2 a:hover {background: transparent url(../img/menu/menu_on.gif) -107px 0px no-repeat;}
#rub3 a:hover {background: transparent url(../img/menu/menu_on.gif) -214px 0px no-repeat;}
#rub4 a:hover {background: transparent url(../img/menu/menu_on.gif) -321px 0px no-repeat;}
#rub5 a:hover {background: transparent url(../img/menu/menu_on.gif) -428px 0px no-repeat;}
#rub6 a:hover {background: transparent url(../img/menu/menu_on.gif) -535px 0px no-repeat;}
#rub7 a:hover {background: transparent url(../img/menu/menu_on.gif) -642px 0px no-repeat;}
#rub8 a:hover {background: transparent url(../img/menu/menu_on.gif) -749px 0px no-repeat;}

#rub1 #active {background: transparent url(../img/menu/menu_active.gif) 0px 0px no-repeat;}
#rub2 #active {background: transparent url(../img/menu/menu_active.gif) -107px 0px no-repeat;}
#rub3 #active {background: transparent url(../img/menu/menu_active.gif) -214px 0px no-repeat;}
#rub4 #active {background: transparent url(../img/menu/menu_active.gif) -321px 0px no-repeat;}
#rub5 #active {background: transparent url(../img/menu/menu_active.gif) -428px 0px no-repeat;}
#rub6 #active {background: transparent url(../img/menu/menu_active.gif) -535px 0px no-repeat;}
#rub7 #active {background: transparent url(../img/menu/menu_active.gif) -642px 0px no-repeat;}
#rub8 #active {background: transparent url(../img/menu/menu_active.gif) -749px 0px no-repeat;}

#serv1 { height:23px;width:590px;background: #fff url(../include/img/all/bg/bg_titre_services.gif) top repeat-x; }
#cat1 { height:23px;width:300px; }
.accordionTabContentActu ul { font-size:11px; padding: 0; margin: 8px 0 0 0; list-style: none; color:#0094b1; list-style-position: inside; font-weight:bold; }

#slogan { text-align:center; color:#025a6c; font-size:18px; font-weight:bold; }
#box {display:block; width:280px; line-height:normal; letter-spacing:0.5px; font-size:11px;color:#000;padding:0; margin-top:0px;text-align:left; border:1px solid #ddd; padding:3px; margin:2em auto;}
#box1 {display:block; width:430px; line-height:normal; letter-spacing:0.5px; font-size:11px;color:#000;padding:0; margin-top:0px;text-align:left; border:1px solid #ddd; padding:3px; margin:2em auto;}
#box2 {display:block; background-color:#fefff0;width:920px; line-height:normal; letter-spacing:0.5px; font-size:11px;color:#727272;padding:0; margin-top:0px;text-align:left; border:1px solid #ddd; padding:3px; margin:2em auto;}
#cap {font-size:40px; color:#026B81; font-weight:bold; float:left; height:34px; line-height:34px; margin-top:2px; margin-right:1px;}

#plan {display:block; width:250px; line-height:normal; letter-spacing:0.5px; font-size:11px;color:#727272;padding:0; margin-top:0px;text-align:left; border:1px solid #ddd; padding:3px; margin:2em auto;}
#cap1 {font-size:20px; color:#026B81; font-weight:bold; float:left; height:20px; line-height:20px; margin-top:2px; margin-right:1px;}

textarea, input, select, iframe {
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	font:  13px Verdana, Arial, Helvetica, sans-serif;
	margin: 1px;
	padding: 3px;
}

#cadroutilshome a { color:#0066ff; font-weight:bold; }
#cadroutils a { color:#9ae2fa; font-weight:bold; }
#alacarte, #packs { color:#000; font-weight:bold; }
#alacarte ul, #packs ul, #plan ul { margin: 8px 0 0 0; list-style: none; color:#0094b1; list-style-position: inside; font-weight:bold; }
#alacarte li, #packs li, #plan li { padding: 0 0 0 10px; margin: 2px 0 0 0; color:#000; font-size:11px; background:url(../img/all/bt/puce_orange.gif) no-repeat left; font-weight:normal; }
/* #editeurs h2 { height:20px; font-size:18px; padding:7px; 0 0 30px; color:#025465; font-weight:bold; background: #fff url(../img/all/bg/bg_h2.gif) top repeat-x; } 
*/
#plan ul { padding: 0; }
.avantages { background-color: #ffcc00; padding:8px; margin:5px; }

.h2 { height:20px; font-size:18px; padding:7px; 0 0 30px; color:#025465; font-weight:bold; background: #fff url(../img/all/bg/bg_h2.gif) top repeat-x; }
h2.titre { 
	font-weight: bold;
	font-size: 15px;
	padding: 5px;
	color: #025465;
	margin-bottom: 5px;
	margin-top: 0px;
	background-color: #50C9E2;
	background: #50C9E2 url(../img/all/bg/bg_titre_h2.gif) top repeat-x;
} 

.msgvert { color: #669900; font-weight: bold; }
.msgrouge { color: #ff3300; font-weight: bold; }

.accordionTabActu {
   	font-size			: 12px;
	padding             : 4px 6px 4px 6px;
   	border-style        : solid none solid none;
	border-top-color    : #BDC7E7;
	border-bottom-color : #72b7c5;
   	border-width        : 1px 0px 1px 0px;
}

.accordionTabOneShot { padding : 4px 6px 4px 6px; color:#025465; font-size:12px; }
#overviewHeaderServ { height:15px;background: #fff url(../img/all/bg/bg_titre_services.gif) top repeat-x; }
.accordionTabTitleBarHover {
   	font-size        : 11px;
	background-color : #fff;
	color            : #000000;
}

.accordionTabContentActu {
   font-size        : 11px;
   border           : 1px solid #025465;
   border-top-width : 0px;
   padding          : 0px 8px 0px 8px;
   background-color : #fff;
}

.article { color: #ff9900; font-weight: bold; }

/* ------------------------------------------------------------------------------------	*/ 
/* 		GESTION DES ZOOMS SUR IMAGES 													*/
/* ------------------------------------------------------------------------------------	*/ 
#lightbox {background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666;}
#lightboxDetails {font-size: 0.8em; padding-top: 0.4em;}	
#lightboxCaption {float: left;}
#keyboardMsg {float:right;}
#closeButton {top:5px; right:5px;}
#lightbox img {border: none; clear: both;} 
#overlay img {border: none; }
#overlay {background-image: url(../img/all/overlay.png);}