table{font-family:tahoma; font-size:11px; vertical-align:top; line-height:13px;	color:#6C6C6C;}
img { display: block;}
form { margin:0px; padding:0px}
body { margin:0px; padding:0px; background-color:#21385B; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #21385b;}

#page{margin:0 auto; text-align:left; border-color:#03265C; border-width:2px; border-style:solid; width:814px; height:100%; background-color:#fff;}
#entete{width:814px; height:316px; margin-bottom:15px;}
#contenu{width:814px;}
#colonneLeft{width:228px; height:100%; float:left;}
#colonneMain{width:580px; height:100%; float:left; border-left: 1px dotted #B7B7B7;}
#subColonneMainLeft{width:340px; height:100%; float:left; border-right:1px dotted #ccc;}
#subColonneMainRight{width:218px; height:100%; float:left;  }
#pied{clear:both; width:587px; height:39px; font-size:11px; background-image:url(../images/px_foot.jpg); color:#7B8BA3; padding-left:227px}

#content_col_left { float: left; width: 260px;}
#content_col_right { float: left; width: 260px; }

#content_col_photo { float: left; width: 240px; padding-right: 10px; /*background-image:url(../images/34_photo.gif); background-repeat:no-repeat; background-position: top right;*/}
#content_col_photo img { float: left; margin-right: 4px;}
#content_col_video { float: left; width: 240px; padding-left: 10px; /*background-image:url(../images/34_video.gif); background-repeat:no-repeat; background-position: top right;*/ }
#content_col_video img { float: left; margin-right: 4px;}

#tab_applications { border-collapse: collapse;}
#tab_applications .col1 { background-color: #eef0f4; font-size: 14px; font-weight: bold; padding: 5px 5px 5px 25px;}
#tab_applications .col2 { background-color: #dde0e5; padding: 5px;}
#tab_applications tr {}

.tab_outils_comm { padding: 20px;}

.bloc_appli { margin-left: 30px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }
.sous_barre { margin-left: 23px; margin-bottom: 15px; }
.sous_barre_courte { margin-left: 23px; }
.barre { height: 1px; border-bottom: 1px dotted #ccc; width: 537px; margin-left: 23px;}

.titre_menu {}
a.mailto { display:block; height: 18px; line-height: 14px; margin-left: 56px; color: #b9c744; font-size: 14px;}
a.mailto:hover { color: #21385b;}

h2 {font-size: 14px; font-weight: bold; margin: 0px; line-height: 16px;}
h3 { font-size: 12px;}



.box1 { float: left; height: 250px; width: 244px; padding-right: 10px;padding-bottom: 20px; border-right: 1px dotted #ccc; border-bottom: 1px dotted #ccc;}
.box2 { float: left; height: 250px; width: 244px; padding-left: 10px; padding-bottom: 20px; border-bottom: 1px dotted #ccc;}
.box3 { float: left; width: 244px; padding-right: 10px; padding-top: 15px; border-right: 1px dotted #ccc; padding-bottom: 20px;}
.box4 { float: left; width: 244px; padding-left: 10px; padding-top: 15px; padding-bottom: 20px;}
a.comm_plus { background-image:url(../images/comm_plus_off.gif); width: 154px; height: 32px; display:block; margin-top: 15px; }
a.comm_plus:hover { background-image:url(../images/comm_plus_on.gif); width: 154px; height: 32px; display:block; }
a.internet_plus { background-image:url(../images/internet_plus_off.gif); width: 154px; height: 32px; display:block; margin-top: 15px; }
a.internet_plus:hover { background-image:url(../images/internet_plus_on.gif); width: 154px; height: 32px; display:block; }



#colonneLeft div.contact{background:url(../images/accueil_coordonnees_bkg.gif) repeat-y; font-size:11px; padding:4px 10px 10px 16px; margin-bottom:18px; color:#889AB4;}
#colonneLeft img.module_titre{margin:11px 0px 7px 10px;}
#colonneLeft div.news {margin:26px 19px 0px 20px; font-size:11px;}
#colonneLeft ul.list{margin:6px 0px 0px 0px; padding:0px; list-style:none; line-height:18px;}
#colonneLeft ul.list li{ background:url(../images/link_marker.gif) no-repeat left top; padding-left:20px;}
#colonneLeft ul.list li a{ color:#416DA4; text-decoration:underline;}
#colonneLeft ul.list li a:hover{ text-decoration:none;}
#colonneLeft div.moduleNewsletter{background-image:url(../images/greeen.jpg); background-repeat:no-repeat; margin:50px 0px 0px 0px; padding:10px 5px;}
#colonneLeft div.moduleNewsletter input.champ{width:130px; height:21px; font-family:tahoma; font-size:11px; color: #6C6C6C; padding:3px 0 0 6px; border-color:#5B5B5B; border-style:solid; border-width:1px; background-color:#ffffff;}
#colonneLeft div.moduleNewsletter input.bouton{font-family:tahoma; font-size:11px; color: #333; height:23px; padding:0px 3px 2px 3px;}

.smenu{ margin-right:0px; margin-top:-11px}
.smenu ul{margin:0px; padding:0px; list-style:none; font-family: Arial, Helvetica, sans-serif; border-top:1px dotted #ccc}
.smenu ul li{margin:0px; padding:0px; height:30px; line-height: 13px; font-size:1px;}
.smenu ul li a{display:block; padding:8px 0px 8px 20px; color:#818DA0; text-transform:uppercase; text-decoration:none; border-bottom:1px dotted #B7B7B7; font-size:11px;}
.smenu ul li a .number{color:#ddd; font-size:16px; margin-right:10px; font-weight:bold;}
.smenu ul li a:hover{color:#A0B300; background-color:#F1F1F1;}
.smenu ul li a:hover .number{color:#999; font-size:16px;}
/* Le Menu [Actif]) */
.smenu ul li .sec{display:block; padding:8px 0px 8px 20px; color:#A0B300; text-transform:uppercase; text-decoration:none; border-bottom:1px dotted #B7B7B7;  font-size:11px;}
.smenu ul li .sec .number{color:#999; font-size:16px; margin-right:10px; font-weight:bold;}
.smenu ul li .sec:hover{color:#A0B300; background-color:#F1F1F1;}
.smenu ul li .sec:hover .number{color:#999; font-size:16px;}


a.bouton_vert { display:block; height: 20px; border-top:1px dotted #d7d7d7; padding-left: 15px;text-align:left; line-height: 20px; text-decoration:none; font-size:12px; color: #21385b; }
a.bouton_vert:hover { color:#A0B300; background-color:#F1F1F1;}

#colonneMain div.intro{margin:10px 31px 20px 30px; font-size:11px; position: relative;}
#colonneMain img.titreMain{margin:0px 0px 5px 31px;}
#colonneMain div.content{margin:30px 0px 0px 0px;}

#pied a{color:#B1C6D4; text-decoration:none;}
#pied a:hover{text-decoration:underline;}

/* Description des aplications  */
.fiche {padding-left: 15px;}
.fiche ul{margin:8px 0px 0px 0px; padding:0px; list-style:none; line-height:18px;}
.fiche ul li{ background:url(../images/link_marker.gif) left top no-repeat; padding-left:18px;}
.fiche ul li a{ color:#416DA4; text-decoration:underline}
.fiche ul li a:hover{ text-decoration:none}

.enum ul{margin:0px 0px 0px 0px; padding:0px; list-style:none;}
.enum ul li{ background:url(../images/link_marker2.gif) no-repeat left top; padding-left:20px}

.lien ul{margin:0px 20px 0px 35px; padding:0px; border-top:1px dotted #d7d7d7; list-style:none;}
.lien ul li{padding-left:0px}
.lien ul li a{ color:#416DA4; text-decoration:underline}
.lien ul li a:hover{ text-decoration:none}

/* Description des référencements dans [20 Solutions Internet] */
.desc { margin-bottom: 20px;}
.desc ul{margin:0px; padding:0px; border-top:1px dotted #d7d7d7;  list-style:none; font-family: Arial, Helvetica, sans-serif;}
.desc ul li{margin:0px; padding:2px 0px 2px 6px;  color:#A0B300; background-color:#fff; border-bottom:1px dotted #d7d7d7; }

ul.enum_accueil{margin:0px; padding:0px; border-top:1px dotted #d7d7d7;  list-style:none; font-family: Arial, Helvetica, sans-serif;}
ul.enum_accueil li{margin:0px; padding:2px 0px 2px 6px;  color:#A0B300; background-color:#fff; border-bottom:1px dotted #d7d7d7; }


/*
.contact:link, .contact:visited {display:block; height:19px; width:75px; background:#fff url(../images/contact.gif) no-repeat;}
.contact:hover {display:block; height:19px; width:75px; background:#fff url(../images/contact_rll.gif) no-repeat;}
*/



/* Les realisations  */
.real ul{margin:0px; padding:0px; list-style:none; font-family: Arial, Helvetica, sans-serif;}
.real ul li{margin:0px; padding:0px; height:26px; font-size:1px;}
.real ul li a{display:block; padding:6px 0px 6px 10px; color:#818DA0; text-decoration:none; border-bottom:1px dotted #B7B7B7; font-size:11px;}
.real ul li a:hover{color:#A0B300; background-color:#F1F1F1;}

.real_box_col_gauche {float: left; width: 40%;}
.real_box_col_droite {float: left; width: 60%;}
.real_box_col_gauche img {float: left; margin: 10px;}
.real_titre {color: #0a3d5d; font-size: 16px;}
.real_desc {}
.real_pt {}
.real_pt li { margin-left: 20px;}
a.real_visit { display:block; width: 100px; height: 20px; border:1px dotted #d7d7d7; text-align:center; line-height: 20px; text-decoration:none; font-size:12px; margin-top: 15px;}
a.real_visit:hover { color:#A0B300; background-color:#F1F1F1;}
#content_1, #content_2, #content_3, #content_4, #content_5, #content_6, #content_7 { margin: 0px 20px 20px 20px; background-color:#000000;}



/* Le realisations [Actif]) */
.real ul li .sec{display:block; padding:6px 0px 6px 10px; color:#A0B300; text-decoration:none; border-right:1px dotted #B7B7B7; border-bottom:1px dotted #B7B7B7;  font-size:11px;}
.real ul li .sec:hover{color:#A0B300; background-color:#F1F1F1;}
.real ul li .sec:hover .number{color:#999; font-size:16px;}


/* Les références  */
.reference ul{margin:0px; padding:0px; list-style:none; font-family: Arial, Helvetica, sans-serif;}
.reference ul li{margin:0px; padding:0px; height:26px; font-size:1px;}
.reference ul li a{display:block; padding:6px 0px 6px 10px; color:#818DA0; text-decoration:none; border-bottom:1px dotted #B7B7B7; font-size:11px;}
.reference ul li a:hover{color:#A0B300; background-color:#F1F1F1;}

/* Le realisations [Actif]) */
.reference ul li .sec{display:block; padding:6px 0px 6px 10px; color:#A0B300; text-decoration:none; border-bottom:1px dotted #B7B7B7;  font-size:11px;}
.reference ul li .sec:hover{color:#A0B300; background-color:#F1F1F1;}
.reference ul li .sec:hover .number{color:#999; font-size:16px;}


/* POUR TAB de INDEX.php */
.tab ul{height:20px; width:514px; margin:0px; padding:0px; list-style:none; font-family: Arial, Helvetica, sans-serif;}
.tab ul li{margin:0px; padding:0px; float:right; display:block;}
.tab ul li a{font-size:11px; cursor:pointer; text-decoration:none; color:#7C8607; text-transform:uppercase;}
/* TAB courante */
.tab ul li.nosel a.lien:link em, .tab ul li.nosel a.lien:visited em{display:block; height:16px; float:left; padding:4px 7px 0px 11px; background:url(../images/tab2_inactive_right.gif) no-repeat right;}
.tab ul li.nosel a.lien:hover em{display:block; height:16px; float:left; padding:4px 7px 0px 11px; background:url(../images/tab2_active_right.gif) no-repeat right;}
.tab ul li.nosel a.lien:link, .tab ul li.nosel a.lien:visited {display:block; float:left; height:20px; width:auto; background:url(../images/tab2_inactive.gif) no-repeat;}
.tab ul li.nosel a.lien:hover {background:url(../images/tab2_active.gif) no-repeat;}
/* TAB courante [Actif] */
.tab ul li.sel a.lien em {display:block; height:16px; float:left; padding:4px 7px 0px 11px; background:url(../images/tab2_active_right.gif) no-repeat right;}
.tab ul li.sel a.lien {display:block; float:left; height:20px; width:auto; background:url(../images/tab2_active.gif) no-repeat;}
/* dernière TAB à gauche */
.tab ul li.nosel a.lienlast:link em, .tab ul li.nosel a.lienlast:visited em{display:block; height:16px; float:left; padding:4px 7px 0px 11px; background:url(../images/tab2_last_inactive_right.gif) no-repeat right;}
.tab ul li.nosel a.lienlast:hover em{display:block; height:16px; float:left; padding:4px 7px 0px 11px; background:url(../images/tab2_last_roll_right.gif) no-repeat right;}
.tab ul li.nosel a.lienlast:link, .tab ul li.nosel a.lienlast:visited {display:block; float:left; height:20px; width:auto; background:url(../images/tab2_last_inactive.gif) no-repeat;}
.tab ul li.nosel a.lienlast:hover {background:url(../images/tab2_last_roll.gif) no-repeat;}
/* dernière TAB à gauche [Actif] */
.tab ul li.sel a.lienlast em {display:block; height:16px; float:left; padding:4px 7px 0px 11px; background:url(../images/tab2_last_active_right.gif) no-repeat right;}
.tab ul li.sel a.lienlast {display:block; float:left; height:20px; width:auto; background:url(../images/tab2_last_active.gif) no-repeat;}


.stitre{display:block; padding:0px 0px 6px 0px; color:#616D80; text-transform:uppercase; border-bottom:1px dotted #B7B7B7; font-size:11px; font-family: Arial, Helvetica, sans-serif;}




#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #47a;}
#gallery a, #gallery a:visited {color:#fff; text-decoration:none; display:block; padding:5px 5px 5px 20px;
background: #47a url(arrow.gif) no-repeat 10px 10px; width:125px;
}
#gallery a:hover {background: #258 url(arrowr.gif) no-repeat 11px 10px; color:#9cf;}

a{ color:#416DA4; text-decoration:underline}
a:hover{ text-decoration:none}

.coord a{color:#889AB4; text-decoration:underline;}
.coord a:hover{text-decoration:none;}

span a{ color:#626262; text-decoration:underline}
sapn a:hover{ text-decoration:none}

.more a{ color:#626262; text-decoration:underline}
.more a:hover{ text-decoration:none}

.plus a{ color:#a0b300; text-decoration:underline}
.plus a:hover{ text-decoration:none}

.footer { color:#7B8BA3; margin-left:227px}
.footer a{ color:#B1C6D4; text-decoration:none}
.footer a:hover{ text-decoration:underline}

.form input{
	width:130px;
	height:21px;
	font-family:tahoma;
	font-size:11px;
	color: #6C6C6C;
	padding:3px 0 0 6px;
	border-color:#5B5B5B;
	border-style:solid;
	border-width:1px;
	background-color:#ffffff
}
.form2 input{
	font-family:tahoma;
	font-size:11px;
	color: #333;
	height:23px;
	padding:0px 3px 2px 3px;
}

.form1 .champ{
	width:250px;
	height:21px;
	font-family:tahoma;
	font-size:11px;
	color: #2D3331;
	padding:3px 0 0 9px;
	border-color:#E0E0E0;
	border-width:1px;
	background-color:#ffffff
}

.form1 .bouton{}

.form1 textarea {
	width:450px;
	height:133px;
	font-family:tahoma;
	font-size:11px;
	color: #2D3331;
	overflow:hidden;
	padding:3px 0 0 9px;
	border-color:#E0E0E0;
	border-width:1px;
	background-color:#ffffff
}


.formtab input, select{
	font-family:tahoma;
	font-size:11px;
	padding:1px 0px 1px 3px;
	color: #000;
	border-color:#E0E0E0;
	border-width:1px;
}


.formtab textarea {
	width:350px;
	height:50px;
	font-family:tahoma;
	font-size:11px;
	color: #000;
	overflow:hidden;
	padding:3px;
	border-color:#E0E0E0;
	border-width:1px;
	background-color:#ffffff
}

.formtab table tr td{color:#000;}


.titre { 
	text-transform:uppercase;
	letter-spacing:-0.05em;
	color:#416DA4; 
	font-size:22px; 
	font-family: Helvetica, Arial, sans serif;
}

.inactif:link,  .inactif:hover, .inactif:visited{color:#bbb; text-decoration:none;}

.capture:link .source, .capture:visited .source {border:1px solid #aaa; margin:5px 5px 5px 0px;}
.capture:hover .source {border:1px solid #A0B300; margin:5px 5px 5px 0px;}
a.capture .box {display:none; position:absolute; top:-1700px; left:-2650px; border:none; color:#fff; background-color:#fff;}
a.capture {position:relative;}
a.capture:hover {background:none; z-index:500;}
a.capture:hover .box {display:inline; background-color:#fff; position:absolute; top:-170px; left:-260px; height:auto; width:auto; color:#333; border:1px solid #b7b7b7;}
.boxcontent{display:block; overflow:auto; height:180px; width:330px;}
a.capture .box:hover img{border:0px;}
.boxtitle {display:block; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:11px; width:auto; padding:8px 8px 8px 8px; margin-bottom:0px; color:#96AC00; background-color:#F1F1F1; text-align:right; border-bottom:1px solid #b7b7b7;}



/* Pour le menu Javascript */
.submenu{display:block; padding:6px 0px 6px 10px; color:#818DA0; text-decoration:none;  border-bottom:1px dotted #B7B7B7; font-size:11px;}
.submenu:hover{color:#A0B300; background-color:#F1F1F1;}

.submenu_active{display:block; padding:6px 0px 6px 10px; color:#A0B300; text-decoration:none; border-bottom:1px dotted #B7B7B7;  font-size:11px;}
.submenu_active:hover{color:#A0B300; background-color:#F1F1F1;}
.submenu_active:hover .number{color:#999; font-size:16px;}
/* Pour le contenu Javascript */
.on {display: block;}
.off {display: none;}
.carte {display: block; height:380px; width:540px; position:absolute; top:-65px; left:-10px; border:1px solid #999; background-color:#fff; }

a.close { display: block; text-align:right; width: 517px; height: 20px; font-size: 16px; background-image:url(../images/close_off.gif); background-repeat:no-repeat; background-position:top right; padding-right: 20px; text-decoration: none; color:#0a3d5d; padding-bottom: 3px; }
a.close:hover { background-image:url(../images/close_on.gif); background-repeat:no-repeat; background-position:top right;}