charset "utf-8";
/* CSS Document */

#main-colum div{font: 12px monospace Arial;font-family:Arial;}
#main-colum input, #main-colum textarea {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

#main-colum ul {list-style:disc; color:#006699 list-style-position:inside; padding:0 0 5px;}
#main-colum ul#retrait {list-style-position: inside;}
#main-colum ol {list-style:decimal; list-style-position:inside; padding:0 0 5px;}
#main-colum ol#retrait {list-style-position:outside;}



#main-colum a {text-decoration:none;}
#main-colum a:hover {text-decoration:underline;}

#content #main-colum {width:670px; height:auto;float:left;}
#content #home {width:570px; height:auto;float:left;border:none;padding:0 0 0 0px;}
/* menu */


#features {height:115px; margin-bottom:40px;}
#features .feature-box {float:left; width:190px; height:115px; background:url(../IMG/feature-box.png) no-repeat top left; margin-right:20px;}
.feature-box .inside {height:95px;padding:20px 8px 0;}
.feature-box h5 {text-align:center; margin-bottom:10px ; text-transform:capitalize;}
#main-colum .feature-box img {float:left; margin:0 8px 0 0; border:none; background:none; padding:0;}
.feature-box p {font-size:10px; line-height:14px; margin:0;}
.feature-box p a {color:#6e6e6e; width:100%; height:100%; display:block; text-decoration:none;}
.feature-box p a:hover {text-decoration:underline;}

.more {text-indent:-9999px; display:block; width:230px; height:19px; background:url(../IMG/conditions2.png) no-repeat top right;border:thick;}
.more:hover {background:url(../IMG/conditions2.png) no-repeat bottom right;display:block; width:230px; height:19px; }

.condition {text-indent:-9999px; display:block; width:254px; height:53px; background:url(../IMG/typeCondition.png) no-repeat top right;border:thick;}
.condition:hover {background:url(../IMG/typeCondition.png) no-repeat bottom right;display:block; width:254px; height:53px; }


#main-colum img {padding:5px; border:#d0d0d0 1px solid; background:#ebebeb; margin:5px 0 10px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px;}

.box {width:300px; height:auto; margin-left:120px;float:left;}


/** Portfolio **/

#full-width {height:250px;width:600px; position:relative;border:none;margin:0 -20px 0 0px;}

.port-item {float:left; width:205px; border:#d0d0d0 1px solid; background:#f7f7f7; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; margin:30px 5px 5px 20px; height:230px; padding:20px;margin-left: 30px;}
.port-box {float:left; position:relative;}

.port-box .port-zoom {position:absolute; cursor:pointer; height:60px; top:0; left:0; display:none; width:225px;}
.port-item .port-img {background:url(../IMG/port-bg.png) no-repeat center top; border:none; margin:0 0 5px 0; padding:0;padding-bottom:15px;}
#content #full-width .port-item h3 {margin-bottom:5px;}
#content #full-width .port-item p {margin-bottom:0;}



.port-item .port-img:hover {background:url(../IMG/port-bg.png) no-repeat center top; border:none; margin:0 0 5px 0; padding:0;padding-bottom:15px;}
/** Item **/

#main-colum .post {float:left; height:auto; margin-bottom:10px; padding-bottom:10px;margin-right:35px; border-bottom:#b9b9b9 1px dotted;width:580px;font-family:Arial;}
#main-colum .post-thumb {float:left; margin:60px 10px 0 0;height:130px;width:130px; }
#main-colum .post-thumb:hover {background:#dfdfdf;}
.post .entry {float:left; height:auto;padding-left:10px; }
.post h3 {margin-bottom:1px ; }
.entry h3 a {color:#80b000;}
.entry p {width:400px;}
.entry h3 a:hover {color:#80b000; text-decoration:none ;}
.meta {font-size:11px; margin-bottom:5px ;}
.meta a {color:#80b000;}
.meta a:hover {color:#545454;}

#main-colum .full-post {border-bottom:none;margin-bottom:25px; padding-bottom:25px;}
#main-colum .full-post .entry {width:100%;}




/** Item without img**/
#main-colum .postText {width:450px;font-family:Arial;}
#main-colum .postText {float:left; height:auto;margin-bottom:10px; padding-bottom:10px;margin-right:35px;  border-bottom:#b9b9b9 1px dotted;width:580px;}
.postText .entryText {float:left; height:auto;padding-left:10px; }
.postText h3 {margin-bottom:5px ;}
.postText h4 { color: #80b000;}
.entryText h3 a {color:#80b000;}
.entryText p {width:550px;}
.entryText h3 a:hover {color:#80b000; text-decoration:none;}
.meta {font-size:11px; margin-bottom:5px ;}
.meta a {color:#80b000;}
.meta a:hover {color:#545454;}



/** Text page**/
#main-colum .PGText {width:450px;font-family:Arial;}
#main-colum .PGText {float:left; height:auto; margin-bottom:10px; padding-bottom:10px;margin-right:35px;width:580px;}
#main-colum .PG-thumb {float:right; margin:10px 200px 0 0;height:95px;width:190px;background:transparent;border: none; }
#main-colum .PG-thumb:hover {background:#CCCCCC;}
.PGText p{width:380px;}
.PGText .entryPG {float:left; height:auto;padding-left:10px; }
.PGText h3 {margin-bottom:5px ; }
.PGText ul {list-style-type:square;margin-bottom:0;margin-left:10px;}
.PGText .slider2 {margin:0  auto auto -10px; padding:0;border:none;background:url(../images/cellDown.png) bottom no-repeat;width:594px;height:163px;}

.entryPG h3 a {color:#80b000;}
.entryPG p {width:560px;text-align:justify;}
.entryPG h3 a:hover {color:#80b000; text-decoration:none ;}
.entryPG h4 { color:navy;}


.meta {font-size:11px; margin-bottom:5px ;}
.meta a {color:#80b000;}
.meta a:hover {color:#545454;}
/* page offre type des listes des images */

#main-colum .PG-img:hover {background:#CCCCCC;}
#main-colum a{color:#666666;text-decoration:none;}
#main-colum a:hover{color:#000000;text-decoration:none;text-shadow:#666666;}

/** List **/

#full-width {height:auto; position:relative;}

.list-item {float:left; width:140px; border:#d0d0d0 1px solid; background:#f7f7f7; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; margin:0 10px 0px 0; height:265px; padding:15px;margin-left: 10px;}
.list-box {float:left; position:relative;}
.list-box .list-zoom {position:absolute; cursor:pointer; height:120px; top:0; left:0; display:none; width:260px;}
.list-item .list-img {background:url(../IMG/port-bg.png) no-repeat center top; border:none; margin:0 0 5px 0; padding:0;padding-bottom:15px;width:140px;}
.list-item h3{color:#3333CC;}
.list-item p{width:150px;border:dashed;margin:0 -10px 0 -10px;padding:0px;text-align:left;}
#content #full-width .list-item h3 {margin-bottom:5px;}
#content #full-width .list-item p {margin-bottom:0;}


/** without border bottom **/
#main-colum .postB {float:left; height:auto; margin-bottom:10px; padding-bottom:10px;margin-right:35px;width:580px;}
#main-colum .postB-thumb {float:left; margin:60px 10px 0 0;height:130px;width:130px; }
#main-colum .postB-thumb:hover {background:#dfdfdf;}
.postB .entryB {float:left; height:auto;padding-left:10px; }
.postB h3 {margin-bottom:1px ; }
.entryB h3 a {color:#80b000;}
.entryB p {width:400px;}
.entryB h3 a:hover {color:#80b000; text-decoration:none ;}

/** liste item services **/
#full-width {height:auto; position:relative;}

.dom-item {float:left; width:200px; border:#d0d0d0 1px solid; background:#f7f7f7; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; margin:0 10px 10px 0; height:150px; padding:15px;margin-left: 35px;}
.dom-box {float:left; position:relative;}
.dom-box .list-zoom {position:absolute; cursor:pointer; height:120px; top:0; left:0; display:none; width:260px;}
.dom-item .list-img {background:url(../IMG/port-bg.png) no-repeat center top; border:none; margin:0 0 5px 0; padding:0;padding-bottom:15px;width:200px;}
#content #full-width .dom-item h3 {margin-bottom:5px;}
#content #full-width .dom-item p {margin-bottom:0;}

/* the text footer */
#textFooter {
	text-transform: uppercase;
    float:left;
	margin: 0px 0px 30px 400px;
	padding: 0px 0px 0px 40px;
	font: 10px/12px Arial;
	color: #999999;
	-z-index:-90;
	position:relative;
	bottom:15px;
	width:400px;
	height:14px;
}

#textFooter .a{
		text-decoration: underline; 
		  color:#003366;
	
	
}

#textFooter a:hover{
	
	color: #222222;
	

	
}
/* border:double;Police du texte tap? l'int?rieur des champs et mettre une marge ? gauche */
input, textarea, select {
font-family:Arial;
font-size:12px;
margin-left: 30px
}

label{

color: #336633; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
font-weight: bold ;
}

/* Mettre les titres du groupe en caract?res plus grands, en gras et sp?cifier une couleur*/
legend {

color: #663399;
font-weight: bold;
font-size:24px;
}

/* Mettre une s?paration entre les fieldset et colorer l'arri?re plan */
fieldset {
margin-bottom: 20px; 
background-color: #FEDAD3;
}

/** List clients **/

#full-width {height:auto; position:relative;}

.list-itemc {float:left; width:140px; border:#d0d0d0 1px solid; background:#f7f7f7; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; margin:0 10px 10px 0; height:100px; padding:15px;margin-left: 10px;}
.list-boxc {float:left; position:relative;}
.list-boxc .list-zoom {position:absolute; cursor:pointer; height:120px; top:0; left:0; display:none; width:150px;}
.list-itemc .list-img {background:url(../IMG/port-bg.png) no-repeat center top; border:none; margin:0 0 5px 0; padding:0;padding-bottom:15px;width:140px;}
#content #full-width .list-itemc h3 {margin-bottom:5px;}
#content #full-width .list-itemc p {margin-bottom:0;}



/** le flash */
#flash-Item  
{	 
 	
	float:left;
	display: block ;

	width:870px;
	height:200x;
	margin:0px 0px 0px 0px;
	
	
	padding:0px 0px 0px 0px;
    border:none;
	background-color:#FFFFFF;
	
	
	
    /*background-image:url(../images/header_menu.gif);
	background-repeat:no-repeat;border-bottom:1px solid #C8CCDE;overflow:auto;*/
}


/** la liste des pays */
.payslist {text-decoration:none;font-size:12px;color:#000000;font-weight:bold;}
.payslist:hover{color:#1e317b;Font-style: bold;}

/** la liste des pays */
#siteItem .first{text-decoration:none;font-size:14px;color:#666666;font-weight:bold;}
#siteItem {text-decoration:none;font-size:12px;color:#666666;}
#siteItem a{color:#666666;}
#siteItem a:hover{color:#1e317b;font-weight:bold;}


#info table {
border: medium solid #6495ed;
border-collapse: collapse;
width: 70%;
}
#info tr {

border: thin solid #6495ed;

width: 50%;
padding: 10px;
background-color: #D0E3FA;
background-image: url(sky.jpg);
}
#info td {

border: thin solid #6495ed;

padding: 5px;
/*text-align: center;width: 50%;*/
background-color: #ffffff;
}
#info caption {

}

/********** slider **********/
.slider {margin:0 auto; padding:0;border:none;background:url(../images/cell2.png) bottom no-repeat;}
/* header_text */
.header_text { margin:0 auto; width:1000px; padding:0; }
.header_text2 { width:1000px; margin:0 auto 5px auto; padding:0; background: url(../images/slider2_bg.gif) top no-repeat; height:196px;}
.header_text2 h2 { font:bold 30px  Arial; color:#424a55; padding:0px 230px; margin:0 0 0 0px; line-height:1.5em;border:none;}
.header_text2 span {color:#FFF;}

.header_text .gallery { width:598px; height:323px; margin:0 100px 0 60px; }
.header_text .left1 { float:left; width:300px; margin:40px 0 0 0;}
.header_text strong { display:block; margin:0; color:#a1e2e6; font:normal 12px Arial; line-height:16px;}
.header_text span {
	font:bold 18px Arial;
	padding:5px 0;
	margin:10px 0 10px 0px;
	color: #004E98;
}
.header_text h2 { font:bold 30px Arial; color:#424a55; padding:5px 0; margin:10px 0 20px 20px; line-height:1.2em;border:none;}
.header_text p { border-left:2px solid #4e4b38; font:normal 11px  Arial; color:#4e4a38; padding:0 10px; margin:15px 20px; line-height:1.8em;height:150px;text-align:justify;}
.header_text .img { margin:40px 0 0 10px; padding:0; float:left; width:225px; text-align:left;}

.blocktitre
{
	width: 202px;
	height: 35px;
	float: left;
	margin: 11px 0px 0px 0px;
	background: transparent url(../images/grytop.png) no-repeat scroll left bottom;
}
.blocktitre_cell
{
	width: 202px;
	height: 149px;
	float: left;
	background-color: #d7d7d7;
}
.blocktitre_cellfooter
{
	width: 202px;
	height: 9px;
	float: left;
	background: transparent url(../images/titrefoter.png) no-repeat scroll left bottom;
}
.blocktitre_cell p
{
	width: 175px;
	font-size: 11px;
	color: #4c4b4b;
	line-height: 15px;
	float: left;
	margin: 13px 0px 0px 19px;
	text-align: left;
	background-color: #d7d7d7;
}
.blocktitre_click
{
	width: 109px;
	height: 22px;
	margin: 17px 0px 0px 17px;
	float: left;
	background: transparent url(../images/blueclick-darkd.gif) no-repeat scroll left bottom;
}
.signwhite
{
	width: 8px;
	margin-top: 6px;
	height: 12px;
	float: left;
	background: transparent url(../images/signwhite.png) no-repeat scroll left bottom;
}
.blocktitre_click p
{
	text-align: left;
	float: left;
	width: 60px;
	background-color: Transparent;
	margin: 4px 0px 0px 8px;
	font-size: 10px;
}
.blocktitre_click p a
{
	color: #ffffff;
	text-decoration: none;
}

/********** slider **********/

/* header_text 
.header_text { margin:0 auto; width:1000px; padding:0; }
.header_text2 { width:1000px; margin:0 auto 5px auto; padding:0; background: url(../images/slider2_bg.gif) top no-repeat; height:196px;}
.header_text2 h2 { font:bold 30px  Arial; color:#424a55; padding:0px 230px; margin:0 0 0 0px; line-height:1.5em;border:none;}
.header_text2 span {color:#FFF;}

.header_text .gallery { width:598px; height:323px; margin:0 100px 0 60px; }
.header_text .left1 { float:left; width:300px; margin:40px 0 0 0;}
.header_text strong { display:block; margin:0; color:#a1e2e6; font:normal 12px Arial; line-height:16px;}
.header_text span {font:bold 30px Arial; color:#424a55; padding:5px 0; margin:10px 0 10px 0px;}
.header_text h2 { font:bold 30px Arial; color:#424a55; padding:5px 0; margin:10px 0 20px 20px; line-height:1.2em;border:none;}
.header_text p { border-left:2px solid #4e4b38; font:normal 11px  Arial; color:#4e4a38; padding:0 10px; margin:15px 20px; line-height:1.8em;height:150px;}
.header_text .img { margin:40px 0 0 10px; padding:0; float:left; width:225px; text-align:left;}*/

