/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
/*ul,ol { list-style: none; }*/
fieldset,img { border: none; }
caption,th { text-align: left; }
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}




/* GLOBALHEADER */
#globalheader { width: 985px; height: 36px;  /* position: relative; z-index: 9998;*/ margin: 0; padding: 0; font-size: 0; }
#globalheader #globalnav, #globalheader #globalnav2, #globalheader #globalnav3 { margin: 0; padding:0; }
#globalheader #globalnav li, #globalheader #globalnav2 li, #globalheader #globalnav3 li { display:inline; font-size: 0;}
#globalheader #globalnav li a, #globalheader #globalnav2 li a, #globalheader #globalnav3 li a  { float: left; width: 150px; /*height: 0px; */ padding-top: 36px;  overflow: hidden; font-size: 0;}
#globalheader #globalnav li a {background-image: url(images/globalnavbg1.gif); _background-image: url(images/globalnavbg1.gif); background-repeat: no-repeat;font-size: 0;}
#globalheader #globalnav2 li a {background-image: url(images/globalnavbg4.gif); _background-image: url(images/globalnavbg4.gif); background-repeat: no-repeat;font-size: 0;}
#globalheader #globalnav3 li a {background-image: url(images/globalnavbg3.gif); _background-image: url(images/globalnavbg3.gif); background-repeat: no-repeat;font-size: 0;}

/* BUTTONS */
#globalheader #globalnav li#gn-1 a, #globalheader #globalnav2 li#gn-1 a, #globalheader #globalnav3 li#gn-1 a { background-position: 0px 0; font-size: 0; width: 85px ;}
#globalheader #globalnav li#gn-2 a, #globalheader #globalnav2 li#gn-2 a, #globalheader #globalnav3 li#gn-2 a { background-position: -85px 0; font-size: 0;}
#globalheader #globalnav li#gn-3 a, #globalheader #globalnav2 li#gn-3 a, #globalheader #globalnav3 li#gn-3 a { background-position: -235px 0; font-size: 0;}
#globalheader #globalnav li#gn-4 a, #globalheader #globalnav2 li#gn-4 a, #globalheader #globalnav3 li#gn-4 a { background-position: -385px 0; font-size: 0;}
#globalheader #globalnav li#gn-5 a, #globalheader #globalnav2 li#gn-5 a, #globalheader #globalnav3 li#gn-5 a { background-position: -535px 0; font-size: 0;}
#globalheader #globalnav li#gn-6 a, #globalheader #globalnav2 li#gn-6 a, #globalheader #globalnav3 li#gn-6 a { background-position: -685px 0; font-size: 0;}
#globalheader #globalnav li#gn-7 a, #globalheader #globalnav2 li#gn-7 a, #globalheader #globalnav3 li#gn-7 a { background-position: -835px 0; font-size: 0;}

/* OVER STATES */
#globalheader #globalnav li#gn-1 a:hover, #globalheader #globalnav li#gn-1-OK a,
#globalheader #globalnav2 li#gn-1 a:hover, #globalheader #globalnav2 li#gn-1-OK a,
#globalheader #globalnav3 li#gn-1 a:hover, #globalheader #globalnav3 li#gn-1-OK a { background-position: 0 -36px; font-size: 0; width: 85px ;}
#globalheader #globalnav li#gn-2 a:hover, #globalheader #globalnav li#gn-2-OK a,
#globalheader #globalnav2 li#gn-2 a:hover, #globalheader #globalnav2 li#gn-2-OK a,
#globalheader #globalnav3 li#gn-2 a:hover, #globalheader #globalnav3 li#gn-2-OK a { background-position: -85px -36px; font-size: 0;}
#globalheader #globalnav li#gn-3 a:hover, #globalheader #globalnav li#gn-3-OK a,
#globalheader #globalnav2 li#gn-3 a:hover, #globalheader #globalnav2 li#gn-3-OK a,
#globalheader #globalnav3 li#gn-3 a:hover, #globalheader #globalnav3 li#gn-3-OK a { background-position: -235px -36px; font-size: 0;}
#globalheader #globalnav li#gn-4 a:hover, #globalheader #globalnav li#gn-4-OK a,
#globalheader #globalnav2 li#gn-4 a:hover, #globalheader #globalnav2 li#gn-4-OK a,
#globalheader #globalnav3 li#gn-4 a:hover, #globalheader #globalnav3 li#gn-4-OK a { background-position: -385px -36px; font-size: 0;}
#globalheader #globalnav li#gn-5 a:hover, #globalheader #globalnav li#gn-5-OK a,
#globalheader #globalnav2 li#gn-5 a:hover, #globalheader #globalnav2 li#gn-5-OK a,
#globalheader #globalnav3 li#gn-5 a:hover, #globalheader #globalnav3 li#gn-5-OK a { background-position: -535px -36px; font-size: 0;}
#globalheader #globalnav li#gn-6 a:hover, #globalheader #globalnav li#gn-6-OK a,
#globalheader #globalnav2 li#gn-6 a:hover, #globalheader #globalnav2 li#gn-6-OK a,
#globalheader #globalnav3 li#gn-6 a:hover, #globalheader #globalnav3 li#gn-6-OK a { background-position: -685px -36px; font-size: 0;}
#globalheader #globalnav li#gn-7 a:hover, #globalheader #globalnav li#gn-7-OK a,
#globalheader #globalnav2 li#gn-7 a:hover, #globalheader #globalnav2 li#gn-7-OK a,
#globalheader #globalnav3 li#gn-7 a:hover, #globalheader #globalnav3 li#gn-7-OK a { background-position: -835px -36px; font-size: 0;}

#bandeau{padding: 0px 0px 20px 0px;}
#BandeauHaut{margin: 0; padding:0; background-position: 0 0;}
#topbar {
	height:30px;
	padding: 0px 5px 5px 5px;
	text-align: center;
	vertical-align: middle;
	color: #333333;
	}

#globalNav{
	height: 36px;
	background-image: url(images/globalnavbg2.png);
	background-repeat: no-repeat;
	font-family: Arial;
	font-size:12px;
	color: #330000;
	text-align:center;
	background-color: transparent;
	/*padding: 0px 0px 0px 200px;*/
	z-index: 40;
	}
	
.subglobalNav{
	position: absolute;
	float:none;
	top: 220px;
	left: 0px;
	display:block;
	/*height: 36px;*/
	visibility: hidden;
	font-weight: normal;
	color: #330000;
	margin: 0; padding: 0;
	z-index: 50;
	padding: 0px 15px 0px 15px;
	}
	

/* Global Styles */


#entete {
	background-image: url(images/entete.jpg);
	background-repeat:no-repeat;
	width:255px;
	margin:0px;
	pading:0px;
	}
	
a {
	color: rgb(102, 184, 224);
	text-decoration: underline;
	}
	
a:hover {
	text-decoration: underline;
	}

/* ID Styles */
	
#logo 	{
	padding: 20px 0px 40px 0px;
	}

#ici 	{
	border-width: 1px;
	border-style: dotted;
	padding: 5px;
	border-color: #C0C0C0;
	}
	
/************** header tag styles **************/

h1{
 	font: 150% Arial,sans-serif;
 	margin: 0px;
 	padding: 0px;
	font-weight:bold;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 18px;
	padding: 30px 0px 30px 0px;
	}

h2{
 	font: 120% Arial,sans-serif;
 	margin: 0px;
 	padding: 0px;
	font-weight:bold;
	font-size: 24px;
	line-height: normal;
	margin-bottom: 18px;
	padding-bottom: 15px;
	}

h3{
 	font: 120% Arial,sans-serif;
 	margin: 0px;
 	padding: 0px;
	font-weight:bold;
	margin-bottom: 5px; 
	margin-top: 20px; 
	line-height: 18px;
	}

h4{
 	font: 100% Arial,sans-serif;
 	margin: 0px;
 	padding: 0px;
	font-weight: bold; 
	font-size: 10px; 
	line-height: 18px;
	}

h5{
 	font: 100% Arial,sans-serif;
 	margin: 0px;
 	padding: 0px;
	}



/*************** Titre Styles ******************/

.Titre {
	font-family: Arial, bold, sans-serif;
	font-size: 14px;
	line-height: normal;
	text-align:left;
	}

.Titre p {
	padding: 5px 0px 5px 0px;
	}
	
.Titre a {
	text-decoration: none;
	}

.Titre a:hover {
	text-decoration: underline;
	}

.Titre h2 {
	padding: 10px 5px 10px 5px;
	text-align:center;
	}

.Titre h3 {
	padding: 10px 5px 10px 5px;
	text-align:left;
	}
	
.Titre ul li {
	padding: 2px 0px 3px 0px;
	text-align:left;
	list-style-type: disc;
	list-style-position: outside;
}


/*************** Paragraphe_dense styles ******************/

.Paragraphe_dense {
	font: 12px Arial, sans-serif;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	}

.Paragraphe_dense h1{
	font: bold 18px Arial, sans-serif;
	}
	
.Paragraphe_dense h2{
	font: bold 13px Arial, sans-serif;
	}
	
.Paragraphe_dense p{
	padding: 0px 0px 0px 10px;
	}
	
	
/*************** Programme styles ******************/

.Programme {
	padding: 0px 0px 0px 0px;
	color:#333333;
	}
	
	
.Programme h3{
	padding: 0px 0px 0px 0px;
	color: #333333;
	}
	
.Programme li {
	list-style: disc;
	padding: 0px 0px 0px 0px;
	}
	
	
/*************** tableau styles ******************/

table.tableau_sans_border {
	padding: 10px 10px 0px 10px;
	/*font: 13px Arial,sans-serif;*/
	border-color: #FFFFFF;
	border-collapse: collapse;
	border-spacing: 0px;
	border-width: 0px;
	border-spacing: 0;
	border-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}


table.tableau_sans_border th{
	padding: 3px;
	background-color: #666;
	color: #CCC;
	/*text-align:left;*/
	}

table.tableau_sans_border td{
	padding: 3px;
	/*background-color: #F6FAFF;*/
	empty-cell: show;
	border-style: none;
		/*text-align: left;*/
	}




table.tableau {
	/*font: 12px Arial,sans-serif;*/
	border-collapse: collapse;
	border-spacing: 0px;
	border-width: 1px ;
	border-spacing: 0;
	border-style: solid ;
	border-color: #999999 ;
	padding:50%;
	}

table.tableau h2{
	font: bold 15px Arial,sans-serif;
	text-align: center;
	}
	
table.tableau h3{	
	padding: 20px 5px 0px 0px;
	font: bold 15px Arial,sans-serif;
	}

table.tableau h4{
	padding: 0px 0px 0px 0px;
	font: bold 13px Arial,sans-serif;
	}

table.tableau h5{
	padding: 5px 0px 5px 0px;
	font: bold 16px Arial,sans-serif;
	text-align: center;
	}

table.tableau {
	padding: 3px 10px 3px 10px;
	text-align:left;
	display: inline-table;
	}

table.tableau td{
	padding: 2px 10px 2px 10px;
	/*background-color:#FFFFFF;*/
	empty-cell: show;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC ;
	}

table.tableau th{
	padding: 5px 10px 5px 10px;
	background-color: #666666 ;
	color:#FFFFFF;
	}

	
	/************* News styles **************/

#News{
	font: bold 11px Arial,sans-serif;
	/*padding: 20px;*/
	/*float: left;*/
	height: auto;
	width: 200px;
	margin: 0px 0px 0px 0px;
	display: block; 
	}

#News h3{
	font-weight: bold;
	}
	
#News a{
	display: block; 
	font-weight:bold;
	list-style-type: none;
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 4px 5px 4px 5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FFCC00;
	color: #330000;
	}
	
#News a:hover{
	background-color: #F7E6A8;
	color: #330000;
	}

#News ul {
	padding: 0px;
	margin : 0px;
	/*padding: 5px 0px 5px 0px;*/
	list-style-type: none;
	}

#News h2 {
	background-image: url(images/boxtop.gif);
	background-repeat: no-repeat;
	padding: 5px 5px 5px 15px;
	color:#FFFFFF;
	margin: 0;
	}

.Barre_Droite {
	width: 210px;
	display: block;
	float: right;
	}



body { 
	background: rgb(238, 238, 238);
	font: normal normal normal 12px/18px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	display: block;
}


#signature {
	padding: 20px 20px 20px 20px;
}


#BarreSup { border:0;  margin:0; }
#BarreSup ul#BarreSupNav li a { margin:0 0 0 38px; }
#BarreSup { position: relative; /*border-bottom: 1px solid #ddd;*/ padding: 0; overflow: hidden; width: 980px; margin: 0 auto; }
#BarreSup ul#BarreSupNav { display: inline; float: right; margin: 0; }
#BarreSup ul#BarreSupNav li { display: inline; }
#BarreSup ul#BarreSupNav li a { color: #999; float: left; margin-top: 1em; margin-left: 30px; margin-right: 8px; padding: 0; text-decoration: none; }
#BarreSup ul#BarreSupNav li a:hover { color: #08c; }




#main {
	width: 100%;
	position: relative;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#main .center { text-align:center; }
#main h2 { margin-bottom:2em; }
#main p.end { margin-bottom:0; }
#main li.end { margin-right:0 !important; }
#main p.intro { font-size:18px; line-height:1.3em; color:#a1a5a9; font-weight:normal; margin-bottom:80px; }
#main p.intro span { color:#000; }
#main img.right.flushright { position:relative; margin-right:-48px; z-index:10; }


#content {
	width:984px;
	position: absolute;
	float:none;
	top: 30px;
	background-image: url(images/Content_Fond.gif);
	_background-image: url(images/Content_Fond.gif); 
	background-position: 0% 0%;
	background-repeat: repeat-y;
	margin-bottom: 10px;
}

#content .cap { 
	display: block; 
	font-size: 0; 
	height: 7px; 
	left: 0px; 
	position: absolute; 
	width: 984px;
	}

#content .cap.top {
	background-image: url(images/Content_Haut.gif) ;
	_background-image: url(images/Content_Haut.gif) ;
	background-repeat: no-repeat;
}


#content .cap.bottom { 
	bottom:0; 
	_bottom:-1px; 
	background-image: url(images/Content_Bas.gif) ;
	_background-image: url(images/Content_Bas.gif) ;
	background-repeat: no-repeat; 
	}
	
#content div a.title { display:block; width:130px; float:left; margin-left:15px; margin-top:80px; line-height:1.4em; }

#content #sidenav {
	float:left;
	width:202px;
	padding: 15px 15px 15px 15px;
}
#content #sidenav ul { padding: 0 0 20px 0; margin:0; /*background:url(http://images.apple.com/fr/mobileme/features/images/sidenav_rule20080609.gif) no-repeat 18px 100%;*/ }
#content #sidenav li, #content #sidenav h3 { clear:left; /*height:32px; */ padding:5px 20px 5px 15px; }
#content #sidenav li a { display:block; /*height:32px;*/ color:#777; padding: 0 ; margin: 0 ;}
#content #sidenav li a:hover { color:#08c; text-decoration:none; /*background: url(http://images.apple.com/fr/mobileme/features/images/sidenav_item_hover20080609.gif) no-repeat; /*100% -6px*/ }
#content #sidenav li img { float:left; margin-right: 15px ; }


#content #Intro_Ecoo p, #content #Intro_France p, #content #Intro_ISV p, #content #Intro p, #content #Intro_CNCP p
	{
	color: rgb(101, 104, 108);
	line-height: 1.4em;
	padding-top: 10px;
}

#content #Intro_Ecoo, #content #Intro_France, #content #Intro_ISV
	{background-attachment: scroll; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; display: block;padding : 0;margin: 0;}

#content #Intro_Ecoo {
	background-image: url(images/Intro_Ecco.gif);
	height: auto;
	min-height: 150px;
	width: 600px;
}
#content #Intro_Ecoo p {
	margin-right: 200px;
	margin-bottom: 25px;
	padding-top: 40px;
}
#content #Intro_France {
	background-image: url(images/Intro_France.gif);
	min-height: 100px;
	padding : 0px;
	width: 600px;
}
#content #Intro_France p {
	margin-left: 220px;
	margin-bottom: 25px;
	padding-top: 10px;
}
#content #Intro_ISV {
	background-image: url(images/Intro_ISV.gif);
	min-height: 150px;
	width: 600px;
}
#content #Intro_ISV p {
	margin-right: 200px;
}
#content #Intro_CNCP {
	background-image: url(images/Intro_CNCP.gif);
	min-height: 150px;
	padding : 0px;
	width: 600px;
}
#content #Intro_CNCP p {
	margin-left: 200px;
	padding-top: 10px;
}



#content #Intro {
	width: 600px;
}


#content #sidenav .device { padding:5px 15px; background: url(images/Barre.gif) no-repeat ; background-position: bottom ; }
#content #sidenav .device a { color: #797c80;}
#content #sidenav .device a:hover { color: #66b8e0;}
#content #sidenav .device a span { color: #252525;}
#content #sidenav .device a:hover span { color: #08c; }

#feature {
	float:right;
	width:680px;
	padding: 25px 30px 25px 0px;
	margin : 0;
	background-attachment: scroll;
	margin-top: 0px;
	margin-left: 0px;
}
#content #feature h2 { margin-bottom:0.5em; position: relative; z-index: 20; }

/* Internet Explorer */
body #content #feature { *zoom:1; *position:relative; }

/* device */
body.devices #content h2 {padding: 13px 0 14px 0}
body.devices #content p.intro {width: 500px; margin-bottom: 57px;}

#container { width: 980px; margin: 0 auto; position: relative; display: block; margin-right: auto; margin-left: auto;}
#content { padding: 0 ; position: relative; color: #333; display: block; }


#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col {
	zoom: 1;
	border-width: 0;
	margin-right: auto;
	margin-left: auto;
	width: 980px;
}




/* TYPE */
body {
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 12px;
}

.gras {
	font-weight: 700;
	font-style: italic;
}


a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

p {
	margin-bottom: 0px;
	margin-top: 5px;
}

p .intro { font-weight: bold; }

ul { margin-bottom: 0px; margin-top: 0px; list-style: none outside; }
ol { margin-bottom: 0px; margin-top: 0px; list-style: decimal; margin-left: 2.2em; }
ul .square, ul .circle, ul .disc { margin-left: 2em; }
ul .square { list-style: square outside; }
ul .circle { list-style: circle outside; }
ul .disc {list-style: disc;}
ul ul.circle, ul ul.square, ul ul.disc { margin-top: 4px; margin-bottom: 5px; }

.last { margin-bottom: 0; }
#main .sidebar { font-size: 10px; line-height: 18px; color:#686868; }