/* CSS Document */

* {
	margin:0;
	padding:0;
}


a:hover{color:#003399;}

a img { border:0;}
img {vertical-align:top;}
ul { list-style:none;}
hr {border:#CCCCCC thin dotted;}

input[type=radio], input[type=checkbox]{margin-bottom:5px;}
select {margin:5px;}
.submit {width:150px; font-weight:bold;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.grasital {font-weight:bold; font-style:italic;}

html, input, textarea{font-family:Arial, Helvetica, sans-serif;	font-size:12px;	line-height:17px; color:#666666;}
a {color:#3d6f92; font-size:12px;}

input, select, textarea { vertical-align:middle; font-weight:normal; background-color:#E2E3FE; border:#CCCCCC 1px solid;}
strong {font-size:12px; color:#333333;}
b {color:#333333;}
h1 {font-size:15px; color:white;}
h2 {font-size:15px; color:#003399; padding: 2px 0 0 0;}
h3 {font-size:17px; color:#339999; padding:20px 0 0 0; background:url(images/menu_libgris.jpg) top repeat-x;}
h4, h4 .nodeco {font-size:12px; color:#003366; text-decoration:none;}
h5 {font-size:15px; color:#CC3300;}
h6 {font-size:10px; color:#999999; font-style:italic;}

.sep {border-top:#CCCCCC 1px dotted; padding-top:15px ;}
.square {background:url(images/square.jpg)  left no-repeat;}



/*main layout */

#header_tall {background:url(images/header_tall.gif) top repeat-x;}
#headerflash {background:url(images/fondflash.jpg) top left no-repeat; height:311px; width:741px;}

#main { margin:0 auto;}

#header .left {padding:26px 0 0 0; margin-bottom:10px;}
#header .right {padding:10px 15px 0 0; float:right; display:inline;}
#header .right a {color:white; font-family:arial;  font-size:12px; text-decoration:none;}
#header .right a:hover {text-decoration:underline;}
#header {background:url(images/bandeau.jpg) top left no-repeat;}

#headerindex .left {padding:26px 0 0 0; float:left; margin-bottom:10px;display:inline;}
#headerindex .right {padding:10px 15px 0 0; float:right;}
#headerindex .right a {color:white; font-family:arial;  font-size:12px; text-decoration:none;}
#headerindex .right a:hover {text-decoration:underline;}
#headerindex {background:url(images/bandeau.jpg) top left no-repeat;}

#menu_pub {background:url(images/menu_tall.gif) top repeat-x;}
#menu_pub .rightbg {background:url(images/menu_right.gif) top right no-repeat;}
#menu_pub .leftbg {background:url(images/menu_left.gif) top left no-repeat; width:100%;}
#menu_pub .padding {padding:10px 2px 0 2px; margin:0 0 15px 0; width:100%;}
#menu_pub li {float:left; width:105px; background:url(images/menu_libg.gif) top right repeat-y; font-size:12px; text-align:center; padding:4px 0 5px 0; line-height:7px;display:inline;}
#menu_pub li a {color:#565681; text-decoration:none; font-weight:normal; font-size:12px;}
#menu_pub li a:hover {color:#003399; text-decoration:none;}
#menu_pub li span {color:#133464; text-decoration:none; font-weight:bold; text-align:center;}
#menu_pub .last {background:none;}

#menu {background:url(images/menu_tall.gif) top repeat-x;}
#menu .rightbg {background:url(images/menu_right.gif) top right no-repeat;}
#menu .leftbg {background:url(images/menu_left.gif) top left no-repeat; width:100%;}
#menu .padding {padding:10px 2px 0 2px; margin:0 0 5px 0; height:25px; width:100%;}
#menu li {float:left; width:105px; background:url(images/menu_libg.gif) top right repeat-y; display:inline;font-size:12px; text-align:center; padding:4px 0 5px 0; line-height:7px;}
#menu li a {color:#565681; text-decoration:none; font-weight:normal; font-size:12px;}
#menu li a:hover {color:#003399; text-decoration:none;}
#menu li span {color:#133464; text-decoration:none; font-weight:bold; text-align:center;}
#menu .last {background:none;}

#middle { width:100%;}

#linefooter{background:#FFFFFF url(images/footer_bg.gif) bottom repeat-x; width:100%; float:left; height:21px;display:inline;}
#footer .indent {padding:23px 0 0 17px; color:#868686; font-size:12px; margin-left:auto; display:inline; margin-right:auto; float:left; width:200px;}
#footer a {color:#444444; font-weight:bold;}


.border {background:url(images/border_tall.gif) top repeat-x;}
.border .btall {background:url(images/border_tall.gif) bottom repeat-x;}
.border .ltall {background:url(images/border_tall.gif) left repeat-y;}
.border .rtall {background:url(images/border_tall.gif) right repeat-y;}
.border .tleft {background:url(images/border_tl.gif) top left no-repeat;}
.border .tright {background:url(images/border_tr.gif) top right no-repeat;}
.border .bleft {background:url(images/border_bl.gif) bottom left no-repeat;}
.border .bright {background:url(images/border_br.gif) bottom right no-repeat; width:100%;}
.border .ind {padding:4px 4px 15px 2px;}
.border a img {float:right; display:inline;}

.more {text-align:right;}
.more a{background:url(images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000000; font-weight:bold;}

.back {text-align:left; width:200px; float:left; display:inline;}
.back a{background:url(images/back_bg.jpg) top left no-repeat; padding-left:13px; color:#000000; font-weight:bold;}

.date {background:url(images/date_bg.gif) no-repeat 0 0; padding:2px 0 2px 22px; color:#444444;}

li { color:#3d6f92;}
cite, cite b { color:#3d6f92;}
li b{ color:#3d6f92;}
li a {color:#3d6f92; font-size:12px;}

.bot_line {background:url(images/h_text_bg.gif) bottom repeat-x;}
.b_text {color:#3d6f92;}

.subtitle {font-size:18px; color:black;}

.link {width:75px; height:22px; background:url(images/click_here.gif) top left no-repeat; padding:2px 0px 0px 9px; float:right; display:inline;margin: 0 0 15px 0;}
.link a {font-weight:bold; color:white; text-decoration:none; }
.link a:hover {font-weight:bold; color:#CCFFFF; text-decoration:none; }


#leftmenu {margin:2px 0 0px 0; width:130px;}
#leftmenu .first {background:url(images/leftmenu.jpg) top no-repeat ;color:#FFFFFF; font-weight:bold; padding: -10px 0 0 0;}
#leftmenu .first1 {background:url(images/leftmenu1.jpg) top no-repeat ;color:#FFFFFF; font-weight:bold;}
#leftmenu .first2 {background:url(images/leftmenu2.jpg) top no-repeat ;color:#FFFFFF; font-weight:bold;}
#leftmenu .first3 {background:url(images/leftmenu3.jpg) top no-repeat ;color:#FFFFFF; font-weight:bold;}
#leftmenu li {display: block;font-size:12px;text-align:right; padding:0px 5px 5px 0; line-height:26px; background:url(images/leftmenu_center.jpg) repeat-x; height:25px;}
#leftmenu li a {color:#565681; text-decoration:none; font-weight:normal;}
#leftmenu li a:hover {color:#003399; }
#leftmenu .selected {color:#133464; background:url(images/leftmenu_centerw.jpg) bottom left no-repeat;}

.h_text { background:url(images/barre_bleue.gif) top left repeat-x;}
.h_text_left {background:url(images/barre_left.gif) top left no-repeat ;}
.h_text_right {background:url(images/barre_right.gif) top right no-repeat ;}

.h_textr { background:url(images/barrer_bleue.gif) top left repeat-x;}
.h_textr_left {background:url(images/barrer_left.gif) top left no-repeat ;}
.h_textr_right {background:url(images/barrer_right.gif) top right no-repeat ;}

.h_texto { background:url(images/barreo_bleue.gif) top left repeat-x;}
.h_texto_left {background:url(images/barreo_left.gif) top left no-repeat ;}
.h_texto_right {background:url(images/barreo_right.gif) top right no-repeat ;}

.titlered { padding:12px 0px 3px 15px; background:url(images/1-t3.jpg) top left no-repeat; height:28px;}
.titlegreen { padding:12px 0px 3px 15px; background:url(images/1-t2.jpg) top right no-repeat; height:28px;}
.titleblue { padding:12px 0px 3px 15px;	background:url(images/1-t1.jpg) top right no-repeat; height:28px;}

.title_blank { padding:6px 0px 5px 16px; height:28px;}

/* index */

.lienbloc {text-decoration:none; cursor:hand;}
.lienbloc p {color:#666666;}
#index #middle .indent {padding:5px 0 19px 0;}
#index #middle .columns1 .column1 .padding{padding:7px 8px 3px 8px; height:140px;}
#index #middle .columns1 .column2 .padding{padding:7px 8px 3px 8px; height:140px;}
#index #middle .columns1 .column3 .padding{padding:7px 8px 3px 8px; height:140px;}
#index #middle .columns1 .p1 {padding:10px 0 7px 0;}
#index #middle .columns2 {padding:21px 0 0 0;}
#index #middle .columns2 .column1 .padding {padding:14px 20px 0 17px;}
#index #middle .columns2 .column2 .padding {padding:0px 18px 0 21px;}
#index #middle .columns2 .column1 .p1 {padding:7px 0 15px 0;}
#index #middle .columns2 .column1 .img {height:172px; width:456px; background:url(images/balls.jpg);}
#index #middle .columns2 .column2 .content {padding:0 0 15px 0;}
#index #middle .columns2 .column2 .p1 {padding:2px 0 1px 0;}
#index #middle .columns2 .column2 a {font-weight: bold;}
#index #middle .columns2 .column2 a.lien { font-weight:400; }
#index #middle .columns2 .column2 li {list-style-image:url(images/list.jpg);}

	;

/* index-1 : solutions */

#index_1 #middle {height:590px;}
#index_1 #middle .indent {padding:0 0 19px 0;}
#index_1 #middle .columns1 .column1 .padding{padding:0px 0px 3px 3px;height:555px;}
#index_1 #middle .columns1 .column2 .padding{padding:0px 0px 3px 0px;height:555px;}
#index_1 #middle .columns1 .column3 .padding{padding:10px 0px 3px 0;}
#index_1 #middle .columns1 .p1 {padding:1px 0 7px 0;}

#index_1 #middle .columns1 .column2 .flash{width:444px; height:173px; margin:0 0 20px 0;}

#index_1 #middle .columns1 .column2 {background:url(images/ver_line.gif) top right repeat-y}
#index_1 #middle .columns1 .column2 .center .col {margin:0 0 10px 0;}
#index_1 #middle .columns1 .column2 .center .col .pad {padding:9px 13px 3px 15px;}
#index_1 #middle .columns1 .column2 .center .col1{background:url(images/click_bleu.jpg) bottom no-repeat; height:225px;}
#index_1 #middle .columns1 .column2 .center .col1 .pad {height:170px;}
#index_1 #middle .columns1 .column2 .center .col1 .first1 {background:url(images/leftmenu1.jpg) top no-repeat ;color:#FFFFFF; font-weight:bold;height:30px; margin:6px 0 0 0;}
#index_1 #middle .columns1 .column2 .center .col2{background:url(images/click_vert.jpg) bottom no-repeat; height:225px;}
#index_1 #middle .columns1 .column2 .center .col2 .pad {height:170px;}
#index_1 #middle .columns1 .column2 .center .col2 .first2 {background:url(images/leftmenu2.jpg) top no-repeat ;color:#FFFFFF; font-weight:bold;height:30px; margin:6px 0 0 0;}
#index_1 #middle .columns1 .column2 .center .col3{background:url(images/click_orange.jpg) bottom no-repeat; height:225px;}
#index_1 #middle .columns1 .column2 .center .col3 .pad {height:170px;}
#index_1 #middle .columns1 .column2 .center .col3 .first3 {background:url(images/leftmenu3.jpg) top no-repeat ;color:#FFFFFF; font-weight:bold;height:30px; margin:6px 0 0 0;}

#index_1 #middle .columns1 .column2 .center .col4{background:url(images/docu1.jpg) bottom no-repeat; height:169px;}
#index_1 #middle .columns1 .column2 .center .col4 .pad {height:110px;}
#index_1 #middle .columns1 .column2 .center .col4 .first1 {background:url(images/documatWEB.jpg) top no-repeat ;color:#FFFFFF; font-weight:bold;height:30px; margin:6px 0 0 0;}
#index_1 #middle .columns1 .column2 .center .col5{background:url(images/docu2.jpg) bottom no-repeat; height:169px;}
#index_1 #middle .columns1 .column2 .center .col5 .pad {height:110px;}
#index_1 #middle .columns1 .column2 .center .col5 .first2 {background:url(images/documatCD.jpg) top no-repeat ;color:#FFFFFF; font-weight:bold;height:30px; margin:6px 0 0 0;}
#index_1 #middle .columns1 .column2 .center .col6{background:url(images/docu3.jpg) bottom no-repeat; height:169px;}
#index_1 #middle .columns1 .column2 .center .col6 .pad {height:110px;}
#index_1 #middle .columns1 .column2 .center .col6 .first3 {background:url(images/documatGED.jpg) top no-repeat ;color:#FFFFFF; font-weight:bold;height:30px; margin:6px 0 0 0;}

#index_1 #middle .columns1 .column2 .center .col1 .pad {padding:9px 13px 3px 15px;}
#index_1 #middle .columns1 .column2 .center .col2 .pad {padding:9px 13px 3px 15px;}
#index_1 #middle .columns1 .column2 .center .col3 .pad {padding:9px 13px 3px 15px;}
#index_1 #middle .columns1 .column2 .center .col4 .pad {padding:9px 13px 3px 15px;}
#index_1 #middle .columns1 .column2 .center .col5 .pad {padding:9px 13px 3px 15px;}
#index_1 #middle .columns1 .column2 .center .col6 .pad {padding:9px 13px 3px 15px;}


/* index_geo1 : Geoloc Présentation */

#index_geo1 #middle .indent {padding:0 0 19px 0;}
#index_geo1 #middle .columns1 .column1 .padding{padding:0px 0px 3px 3px; height:555px;}
#index_geo1 #middle .columns1 .column2 .padding{padding:0px 0px 3px 0px;}
#index_geo1 #middle .columns1 .column3 .padding{padding:10px 0px 3px 0px;}
#index_geo1 #middle .columns1 .p1 {padding:1px 0 7px 0;}

#index_geo1 #middle .columns1 .column2 {background:url(images/ver_line.gif) top right repeat-y}
#index_geo1 #middle .columns1 .column2 .center .col1 .pad {padding:9px 13px 3px 15px;}
#index_geo1 #middle .columns1 .column2 .center .col2 .pad {padding:9px 13px 3px 15px;}
#index_geo1 #middle .columns1 .column2 .center .col3 .pad {padding:9px 13px 3px 15px;}
#index_geo1 #middle .columns1 .column2 .center .pl {padding:1px 0 37px 0;}

#index_geo1 #middle .columns1 .column2 .center .col1 li {padding:0 0 10px 5px; margin:0 0 0 17px; list-style-image:url(images/list.jpg);}

#index_geo1 #middle .columns1 .column2 .center .col1 .ssmenu { width:100%; height:25px; margin:0 0 10px 0; border-bottom:#CCCCCC 1px dotted;}
#index_geo1 #middle .columns1 .column2 .center .col1 .ssmenu li {display:inline-block; float:left; width:107px; font-size:10px; margin-left:0px; text-align:center; padding:0 0 0 0; list-style-image:none; background:url(images/menu_libg.gif) top right repeat-y;}
#index_geo1 #middle .columns1 .column2 .center .col1 .ssmenu li a {color:#565681; text-decoration:none; font-weight:normal; font-size:10px;list-style-image:none; text-align:center;}
#index_geo1 #middle .columns1 .column2 .center .col1 .ssmenu li a:hover {color:#003399; text-decoration:none;}
#index_geo1 #middle .columns1 .column2 .center .col1 .ssmenu .span {color:#133464; text-decoration:underline; text-align:center;list-style-image:none;}
#index_geo1 #middle .columns1 .column2 .center .col1 .ssmenu .last {background:none;}


/* index_mobi1 : Mobile Présentation */

#index_mobi1 #middle .indent {padding:0 0 19px 0;}
#index_mobi1 #middle .columns1 .column1 .padding{padding:0px 0px 3px 3px; height:555px;}
#index_mobi1 #middle .columns1 .column2 .padding{padding:0px 0px 3px 0px;}
#index_mobi1 #middle .columns1 .column3 .padding{padding:10px 0px 3px 0px;}
#index_mobi1 #middle .columns1 .p1 {padding:1px 0 7px 0;}

#index_mobi1 #middle .columns1 .column2 {background:url(images/ver_line.gif) top right repeat-y}
#index_mobi1 #middle .columns1 .column2 .center .col1 .pad {padding:9px 13px 3px 15px;}
#index_mobi1 #middle .columns1 .column2 .center .col2 .pad {padding:9px 13px 3px 15px;}
#index_mobi1 #middle .columns1 .column2 .center .col3 .pad {padding:9px 13px 3px 15px;}
#index_mobi1 #middle .columns1 .column2 .center .pl {padding:1px 0 37px 0;}

#index_mobi1 #middle .columns1 .column2 .center .col1 li {padding:0 0 10px 5px; margin:0 0 0 17px; list-style-image:url(images/list.jpg);}



/* index_2 : métiers */

#index_2 #middle .indent {padding:0 0 19px 0;}
#index_2 #middle .columns1 .column1 .padding{padding:0px 0px 3px 3px; height:610px;}
#index_2 #middle .columns1 .column2 .padding{padding:0px 0px 3px 0px;}
#index_2 #middle .columns1 .column3 .padding{padding:10px 0px 3px 0px;}
#index_2 #middle .columns1 .p1 {padding:1px 0 7px 0;}

#index_2 #middle .columns1 .column2 .flash{width:444px; height:173px; margin:0 0 10px 0;}

#index_2 #middle .columns1 .column2  {background:url(images/ver_line.gif) top right repeat-y;}
#index_2 #middle .columns1 .column2 .center .col1 .padspef {padding:9px 13px 0px 10px; height:372px;}
#index_2 #middle .columns1 .column2 .center .col1 .pad {padding:9px 13px 0px 10px;}
#index_2 #middle .columns1 .column2 .center .col2 .pad {padding:9px 13px 0px 15px;}
#index_2 #middle .columns1 .column2 .center .col3 .pad {padding:9px 13px 0px 15px;}
#index_2 #middle .columns1 .column2 .center .pl {padding:1px 0 37px 0;}

#index_2 #middle .columns1 .column2 .center .col1 li {padding:0 0 10px 5px; margin:0 0 0 17px; list-style-image:url(images/list.jpg);}

/* index_3 : clients */


#index_3 #middle .indent {padding:0 0 19px 0;}
#index_3 #middle .columns1 .column1 .padding{padding:0px 0px 3px 3px;}
#index_3 #middle .columns1 .column2 .padding{padding:0px 0px 3px 0px;;}
#index_3 #middle .columns1 .column3 .padding{padding:10px 0px 3px 0px;}
#index_3 #middle .columns1 .p1 {padding:1px 0 7px 0;}

#index_3 #middle .columns1 .column2 .flash{width:444px; height:173px; margin:0 0 10px 0;}

#index_3 #middle .columns1 .center  {background:url(images/ver_line.gif) top right repeat-y}
#index_3 #middle .columns1 .column2 .center .col {margin:0 0 10px 0;}
#index_3 #middle .columns1 .column2 .center .col .pad {padding:9px 13px 3px 15px;}
#index_3 #middle .columns1 .column2 .center .col1 .pad {padding:9px 13px 3px 15px;}
#index_3 #middle .columns1 .column2 .center .col2 .pad {padding:9px 13px 3px 15px;}
#index_3 #middle .columns1 .column2 .center .col3 .pad {padding:9px 13px 3px 15px;}

#leftmenu2 {margin:0px 0 0px 0; width:130px;}
#leftmenu2 .first {background:url(images/leftmenu.jpg) top no-repeat ;color:#FFFFFF; font-weight:bold;}
#leftmenu2 li {display: block;font-size:12px;text-align:right; padding:5px 10px 5px 0; line-height:15px; background:url(images/white.png) top left repeat-x #EFEFEF; height:auto;}
#leftmenu2 li a {color:#565681; text-decoration:none; font-weight:normal;}
#leftmenu2 li a:hover {color:#003399; }
#leftmenu2 .selected {color:#133464; background:url(images/leftmenu_centerw.jpg);}

/* index_4 : news */

#index_4 #middle .indent {padding:0 0 19px 0;}
#index_4 #middle .columns1 .column1 .padding{padding:0px 0px 3px 0px;}
#index_4 #middle .columns1 .column2 .padding{padding:10px 0px 3px 0;}
#index_4 #middle .columns1 .p1 {padding:1px 0 7px 0;}

#index_4 #middle .columns1 .column1 .flash{width:584px; height:173px; margin:0 0 10px 0;}

#index_4 #middle .columns1 .center {background:url(images/ver_line.gif) top right repeat-y}
/*#index_4 #middle .columns1 .column1 .center {margin:0 13px 0 0;}*/
#index_4 #middle .columns1 .column1 .center .col1 .pad {padding:20px 13px 3px 15px;text-align:justify;}
#index_4 #middle .columns1 .column1 .center .col2 .pad {padding:9px 13px 3px 15px;text-align:justify;}
#index_4 #middle .columns1 .column1 .center .col3 .pad {padding:9px 13px 3px 15px;text-align:justify;}
#index_4 #middle .columns1 .column1 .center .col1 li {padding:0 0 10px 5px; margin:0 0 0 17px; list-style-image:url(images/list.jpg);}

#index_4 #middle .columns1 .column1 .center .col1 .interview {padding:0 0 20px 22px;}

#index_4 #middle .suivant {width:100%; height:20px; border-bottom:#CCCCCC 1px dotted;}
#index_4 #middle .suivant li {display:inline-block; float:right; width:107px; font-size:10px; margin-left:0px; text-align:center; padding:0 0 0 0; list-style-image:none;}
#index_4 #middle .suivant li a {color:#565681; text-decoration:underline; font-weight:bold; font-size:11px;list-style-image:none; text-align:center;}
#index_4 #middle .suivant li a:hover {color:#003399; text-decoration:none;}

#index_4 #middle .retour {width:100%; height:25px; margin:0 0 10px 0; border-bottom:#CCCCCC 1px dotted;}
#index_4 #middle .retour li {display:inline-block; float:left; width:107px; font-size:10px; margin-left:0px; text-align:left; padding:0 0 0 0; list-style-image:none;}
#index_4 #middle .retour li a {color:#565681; text-decoration:underline; font-weight:bold; font-size:11px;list-style-image:none; text-align:center;}
#index_4 #middle .retour li a:hover {color:#003399; text-decoration:none;}


/* index_5 : contact */

#index_5 #middle .indent {padding:0 0 19px 0;}
#index_5 #middle .columns1 .column1 .padding{padding:10px 0px 3px 0;}
#index_5 #middle .columns1 .column2 .padding{padding:0px 0px 3px 0px;}
#index_5 #middle .columns1 .column3 .padding{padding:0px 0px 3px 0px;}
#index_5 #middle .columns1 .column3 p a{color:#336699; font-weight: bold; text-decoration:none;}
#index_5 #middle .columns1 .column3 p a:hover{color:#003399; font-weight: bold; text-decoration:none;}

#index_5 #middle .columns1 .p1 {padding:1px 0 7px 0;}

#index_5 #middle .columns1 .column2 .flash{width:444px; height:173px; margin:0 0 10px 0;}

#index_5 #middle .columns1 .column2  {background:url(images/ver_line.gif) top right repeat-y;}
#index_5 #middle .columns1 .column2 .center .col1 .pad {padding:9px 13px 0px 15px;}
#index_5 #middle .columns1 .column2 .center .col2 .pad {padding:9px 13px 0px 15px;}
#index_5 #middle .columns1 .column2 .center .col3 .pad {padding:9px 13px 0px 15px;}
#index_5 #middle .columns1 .column2 .center .col1 .pl {padding:1px 0 37px 0;}
#index_5 #middle .columns1 .column2 .center .col1 a {font-size:12px;}


#index_5 #middle .columns1 .column3 .p1 {padding:0 0 5px 2px; background:url(images/list.jpg) top right no-repeat; width:110px;}