/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:12px "Trebuchet MS", Arial, Helvetica, Sans-serif;font-weight:normal;color:#1B2F60;}

img{border:0; display:block;}

a{text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
	body{text-align:center;}
	
	#global{position:relative;width:996px; background:#6A9AD8;text-align:left;margin:0 auto;}
	
	#top{position:relative;width:100%;overflow:hidden;}
	#middle, #bottom{width:100%;overflow:hidden;}
	.promotion{ float:left; height:139px; width:341px;}
	.promotion p{ font-size:36px; color: #FFFFFF; text-align:center; padding-top:28px;}
     .promotion p span{ font-size:27px; color: #FFFFFF; float:left; margin:0 20px 0 60px;}
	#top_haut, #top_menu{position:relative;width:100%;}
	#top_haut img{display:block;}
	#top_menu{position:relative; height:70px; background:#6A9AD8;}
        #menu{position:relative;width:100%;margin:0; padding-top:20px;}
		#menu *{float:left;display:inline;line-height:29px;}
		#menu li{list-style:none;margin:0 6px 0 0; padding:0;}
		#menu li a{text-decoration:none; font-weight:bold;color:#FFF;font-size:14px;background: url(../images/bg-onglet00.jpg) repeat-x 0 0;cursor:pointer}
		#menu li a .left, #menu li a .right{width:12px;background:url(../images/bg-blank.jpg) no-repeat 0 0;}
		#menu li a .left{background: url(../images/bg-onglet00-left.jpg) 0 0 no-repeat;}
		#menu li a .right{background: url(../images/bg-onglet00-right.jpg) 100% 0 no-repeat;}
		#menu li a .center{ padding-bottom: 6px; }
		#menu li a:hover, #menu li a.selected{color:#002B61;}

	/* MODULES DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */
		/* TOP */
/* bloc recherche */

		/* MIDDLE */
		#middle_left, #middle_right{float:left;display:inline;}
		#hauteur{float:right;height:536px;font-size:1px;}
		
	    #middle_left{width:281px; color:#FFFFFF;}
	      #block_gauche1{ width: 281px; background: url(../images/bg-conseil.jpg) top no-repeat;}
		    #block_gauche1_bas{ background:url(../images/bg-conseil-bas.jpg) bottom no-repeat;}
		   	#block_gauche1_bas h2, #block_gauche2 h2{ margin:0; padding:14px 0 14px 62px; font-size:20px; color:#FFFFFF;}
		    #block_gauche1_bas p{ font-size:11px; padding:0 10px 4px 10px;} 
    #block_gauche1_bas p span{ font-size:18px;} 
		#block_gauche2{ width:275px; border:1px solid #FFFFFF; border-left:none;background:url(../images/bg-avantages.jpg) top no-repeat; margin:7px 0 0 0; padding:0;}
		 #block_gauche2 p{ font-size:18px; padding:8px 0 8px 20px; margin:0;}
		 #chercher {padding:0 0 20px 13px ;}
         #chercher input.rech{ float:left; height:20px;}
		 
	   #middle_right{width:715px; background: url(../images/bg-middle-right.gif) 0 100% #FFFFFF no-repeat; padding:0 0 20px 0}
	   #middle_right h1{ background: url(../images/gd-titre.gif) 0 0 no-repeat; font-size:18px; color:#FFFFFF; padding:4px 0 12px 40px;}
	   #middle_right h1 span{ font-size:30px;}
	   #middle_right h1 strong{ font-size:24px; line-height:32px;}
	   #middle_right h3{ font-size:13px; color:#2C4EAB; font-weight:bold; padding:4px 0 0 35px;}
	   #middle_right h3.msg_valide{ font-size:13px; color:#000066; font-weight:bold; padding:4px 0 0 35px; margin:100px 0 0 0;}	   

	   /*--qui_sommes_nous--*/
	     #contenu{ padding:28px 90px 0 60px;}
	     #contenu h2{ font-size:13px; color:#014DAF; font-weight:bold; padding:10px 0 0 0; margin:0;background: none;}
		#contenu h3{ font-size:13px; color:#6A9AD8; font-weight:bold; padding:10px 0 0 0; margin:0;background: none;}
		#contenu h4{ font-size:13px; font-weight:bold;color:#FF5D5D; padding:4px 0;}
	     #contenu p{ font-size:12px; text-align:justify; padding:4px 0;}
		#contenu p span{ font-size:12px; font-weight:bold; text-decoration:underline;}
		#contenu p.images{ padding:15px 0 0 0;}
		#contenu ul{ margin:0; padding:8px 0 0 0; list-style:none; }
		#contenu li{ list-style:none; padding:0 0 0 20px; background:url(../images/img-puce.gif) 10px 6px no-repeat;}
		#contenu ul li ul li{ list-style:none; padding:0 0 0 20px; background:url(../images/img-minipuce.gif) 10px 6px no-repeat;}
		
		/*-- promotions--*/
		#promotions{ padding:20px 8px 0 15px; overflow:hidden;}
		#promotions h2{ font-size:20px; color:#518D49; background:none; margin:0; padding:0 0 0 10px;}
		#promotions a{ line-height:13px; padding:10px 0 20px 0 !important;padding:10px 0 7px 0; display:block;}
		#promotions a:hover{line-height:13px;}
		.promo01{float:left; width:361px;}
		.visuel01{ float:left;}
		.detail01{ float:left; width:258px;}
		.detail01 p{ padding:0 30px 0 10px; margin:0; line-height:13px;}
		
		.promo02{float:left; width:330px;}
		.visuel02{ float:left;}
		.detail02{ float:left; width:227px;}
		.detail02 p{ padding:0 10px 3px 10px; margin:0; line-height:13px;}
		
	   	#numero ul{display:inline; list-style: none;}
	     #numero li.liste1{float:left; font-size:18px; color:#2C4EAB; list-style: none; margin:4px 0; background:url(../images/gd-liste1.gif) 0 0 no-repeat; padding:2px 24px 2px 33px; margin-left:20px;}
		#numero li.liste2{float:left; font-size:18px; color:#2C4EAB; list-style: none; margin:4px 0;background:url(../images/gd-liste2.gif) 0 0 no-repeat; padding:2px 24px 2px 33px;}
		#numero li.liste3{float:left; font-size:18px; color:#2C4EAB; list-style: none;margin:4px 0;background:url(../images/gd-liste3.gif) 0 0 no-repeat; padding:2px 24px 2px 33px;}

		/* BOTTOM */
		#bottom{clear:both; padding:3px 0 0 0;}
		#txtfooter{float:left; width:281px; height:77px;text-align:center;}
		#txtfooter img{margin:21px 0 13px 6px;} 
		#minilogo{float:left;width:715px; background: url(../images/gd-coingauche-footer.gif) 0 0 no-repeat #FFF;height:77px;}
		#minilogo img{ display:inline; float:none; margin-left:35px; padding:5px 0 0 0;}
		#footer{text-align:center; font-size:10px; color:#FFFFFF; padding:10px 0;}
		#footer a{font-size:10px; color:#FFFFFF; text-decoration:none;}
		#footer a:hover{font-size:10px; color:#2C4EAB;}
		
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* GENERIQUES */ 
/*************************************************************************************************************************************************************************/
	/* les titres */


	/* les textes */

/******* formulaire *****/
form{ margin:0; padding:0;}
#fomulaire {clear:both;padding-top:15px;}
#fomulaire .niv1 p, #fomulaire .niv2 p{float:left;margin:0 0 5px 0;}
#fomulaire select{ width:55px; float:left; margin:0 2px;}

#fomulaire .select01{ width:122px;}
#fomulaire .select02{ width:190px;}
#fomulaire .select03{ width:100px;}

#fomulaire input{display: inline;float:left; height:19px; width:194px;}
#fomulaire .label02{ width:150px;}
#fomulaire .label03{ width:170px;}
#fomulaire .input_text00{width:100px;}
#fomulaire .input_text01{width:157px;}

#fomulaire .input_radio{width:10px;height:10px; margin-top:8px;}
#fomulaire .input_checkbox{ width:14px; height:14px; margin-top:4px;}
#fomulaire .label01{ width:25px; text-align: left; padding-left:2px;}

#fomulaire label{float:left;padding:3px 2px 0 0 ;width:153px;text-align:right;font-size:13px; color:#002B61; font-weight:bold;}
#fomulaire label.comlementaire{ width:256px;}
#fomulaire .niv1 {float:left;width:357px;}

#fomulaire .niv2 {float: left;width:358px;}
#fomulaire .niv3 {width:556px;float:left;}
#fomulaire .niv4 {width:159px;float: right;}

#fomulaire .niv3 label {float:left;text-align:left;}


#fomulaire .niv4 p{ font-size:14px; font-weight:bold; font-style:italic;}
#fomulaire .niv3 p{ font-size:14px; font-weight:bold; padding-left:150px; clear:both;}
#fomulaire .input_image{width:75px; height:23px; margin:40px 0 0 40px;}
#fomulaire .input_image00{float:right; float:left; width:25px; width:59px;}

	/* Bloc contenant des floats */
	.block_float:after, .spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0px;line-height:0px;height:0px;width:100%;margin:0;padding:0;}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page index.htm */ 
/*************************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************/


/*-- images absotute---*/
.image_famille{position:absolute; top:0; right:0; z-index:4;}
.images_numerovert{
	position:absolute;
	top:221px;
	right:-12px;
	z-index:2;
	width: 306px;
	height: 83px;
}
.float_left{float:left;}
.float1{ margin:20px 0 0 0;}
.float_image{float:left; margin:0 22px 18px 22px; border:1px solid #000000;}
.float_image2{float:right; width: auto; margin:0 20px 0 20px;}