/* CSS Document */

	body{
		margin:0;
		padding:0;
		background-color:#f7f7f7;
		font-family:verdana;
		font-size:11px;
		color:#000;
	}

	form{
		margin:0;
	}
	
	a img{
		border:0;
	}
	
	.clear{
		clear:both;
		height:1px;	
	}
	
	#repere{
		position:absolute;
		z-index:99;
		right:0;
		bottom:0;
		width:1px;
		height:1px;
	}
	
	#masque{
		position:absolute;
		display:none;
		background-color:#000;
		z-index:80;
		top:0;
		left:0;
		width:1px;
		height:1px;
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	#zoom{
		width:550px;
		height:570px;
		position:absolute;
		z-index:90;
		display:none;
		left:0;
		top:0;
		background-color:#fff;
	}
	
	#fermerZoom{
		width:540px;
		height:16px;
		padding:4px 10px 0 0;
		text-align:right;
	}
	
	#fermerZoom a{
		color:#dc2a7e;
		font-size:110%;
		font-weight:bold;
		text-decoration:none;
	}
	
	
	
	#fermerZoom a:hover{
		text-decoration:underline;
	}
	
	#fermerZoom2{
		width:540px;
		height:16px;
		padding:4px 10px 0 0;
		text-align:right;
	}
	
	#fermerZoom2 a{
		color:#2C68B1;
		font-size:110%;
		font-weight:bold;
		text-decoration:none;
	}
	
	
	
	#fermerZoom2 a:hover{
		text-decoration:underline;
	}
	
	#zoom table{
		width:550px;
		height:550px;
	}
	
	#zoom table td{
		width:550px;
		height:550px;
		text-align:center;
	}
	
	
/* entete */
	
	#entete{
		width:770px;
	}
	
	#logo{
		float:left;
		width:218px;
		margin:17px 65px 0 0;
		padding:0 0 0 43px;
	}
	
	ul#menu{
		float:left;
		width:380px;
		margin:16px 0 0 0;
		height:70px;
		padding:0;
		list-style:none;
	}
	
	.itemMenu{
		float:left;
		position:relative;
		height:70px;
	}
	
	#menuAccueil, #menuServices{
		width:64px;
	}
	
	#menuLogiciels, #menuIdweb, #menuBook, #menuEspace{
		width:63px;
	}
	
	.lienMenu{
		display:block;
		height:18px;
		text-decoration:none;
		color:#5c5c5c;
		font-size:90%;
		text-align:center;
		padding:52px 0 0 0;
		background-position:0 0;
		background-repeat:no-repeat;
	}
	
	.lienMenu:hover{
		height:30px;
		color:#fff;
		padding:40px 0 0 0;
		background-position:0 -70px;
	}
	
	.rubriqueCourante{
		display:block;
		text-decoration:none;
		font-size:90%;
		text-align:center;
		background-repeat:no-repeat;
		height:30px;
		color:#fff;
		padding:40px 0 0 0;
		background-position:0 -70px;
	}
	
	#accueil{
		background-image:url(images/onglet-accueil.gif);
	}
	
	#services{
		background-image:url(images/onglet-services.gif);
	}
	
	#logiciels{
		background-image:url(images/onglet-logiciels.gif);
	}
	
	#idweb{
		background-image:url(images/onglet-idweb.gif);
	}
	
	#book{
		background-image:url(images/onglet-book.gif);
	}
	
	#book2{
		background-image:url(images/onglet-book2.gif);
	}
	
	#espace{
		background-image:url(images/onglet-espace.gif);
		height:30px;
		padding:40px 0 0 0;
	}
	
	.rubriqueCourante2{
		display:block;
		text-decoration:none;
		font-size:90%;
		text-align:center;
		background-repeat:no-repeat;
		color:#fff;
		background-position:0 -70px;
		height:41px;
		padding:29px 0 0 0;
	}
	
	ul#menu li ul{
		position:absolute;
		z-index:99;
		top:70px;
		left:0;
		margin:0 0 0 0;
		padding:6px 0 4px 0;
		display:none;
		width:127px;
		list-style:none;
	}
	
	ul#menu li ul#sousMenuServices{
		background-color:#0465c4;
		margin:0 0 0 1px;
	}
	
	ul#menu li ul#sousMenuLogiciels{
		background-color:#d11a71;
	}
	
	ul#menu li ul#sousMenuIdweb{
		background-color:#04b091;
	}
	
	ul#menu li ul#sousMenuEspace{
		background-color:#f3b729;
	}

	ul#menu li ul#sousMenuBook{
		background-color:#d11a41;
	}
	
	ul#menu li ul li{
		float:none;
		_height:19px;
		min-height:19px;
		width:127px;
		margin:0 0 2px 0;
	}
	
	ul#menu li ul li a{
		display:block;
		_height:15px;
		min-height:15px;
		width:109px;
		text-decoration:none;
		color:#fff;
		font-size:100%;
		padding:2px 0 2px 18px;
		text-align:left;
		background-position:6px 0;
		background-repeat:no-repeat;
	}
	
	ul#menu li ul li a:hover{
		background-position:6px -34px;
	}
	
	ul#menu li ul#sousMenuServices li a{
		background-color:#0465c4;
		background-image:url(images/fleche-menu-services.gif);
	}
	
	ul#menu li ul#sousMenuServices li a:hover{
		background-color:#4a9ced;
	}
	
	ul#menu li ul#sousMenuLogiciels li a{
		background-color:#d11a71;
		background-image:url(images/fleche-menu-logiciels.gif);
	}
	
	ul#menu li ul#sousMenuLogiciels li a:hover{
		background-color:#f870b0;
	}
	
	ul#menu li ul#sousMenuIdweb li a{
		background-color:#04b091;
		background-image:url(images/fleche-menu-idweb.gif);
	}
	
	ul#menu li ul#sousMenuIdweb li a:hover{
		background-color:#78e0ce;
	}
	
	ul#menu li ul#sousMenuBook li a{
		background-color:#d11a41;
		background-image:url(images/fleche-menu-book.gif);
	}
	
	ul#menu li ul#sousMenuBook li a:hover{
		background-color:#f66080;
	}
	
	ul#menu li ul#sousMenuEspace li a{
		background-color:#f3b729;
		background-image:url(images/fleche-menu-espace.gif);
	}
	
	ul#menu li ul#sousMenuEspace li a:hover{
		background-color:#ffd675;
	}
	
/* fin entete */


/*pied*/
	#pied{
		width:100%;
		border-top:1px solid #e0e0e0;
		padding:6px 0 20px 0;
		background-color:#f7f7f7;
	}
	
	#piedTexte{
		margin:auto;
		width:770px;
		text-align:center;
		color:#282828;
	}
	
	#piedTexte .adr{
		text-align:left;
		float: left;
		width:140px;
		margin:0 10px 0 0;
		padding:0;
	}

	#piedTexte .barreGrise{
		border-right: solid 1px #e0e0e0;
	}
	
	#piedTexte a{
		color:#282828;
		text-decoration:none;
		font-weight:bold;
	}
	
	#piedTexte a:hover{
		text-decoration:underline;
	}
/*pied fin*/


/*page accueil*/

	#globalAccueil{
		background-image:url(images/fond-accueil.gif);
		background-position:0 122px;
		background-repeat:repeat-x;
		width:100%;
		background-color:#fff;
	}
	
	#page{
		margin:auto;
		width:770px;
	}
	
	#flashAccueil{
		padding:18px 0 0 5px;
		width:763px;
		height:272px;
	}
	
	#accesRealisations{
		float:left;
		width:616px;
		margin:3px 0 0 0;
		padding:0 0 0 5px;
	}
	
	#accesRealisations h1{
		float:left;
		width:385px;
		margin:24px 0 0 0;
		padding:0 0 0 20px;
		font-size:160%;
		font-weight:bold;
		font-style:italic;
		color:#ff8a00;
	}
	
	#ptitBobAccueil{
		float:left;
		width:200px;
		height:48px;
	}
	
	#paginationAccueil{
		width:588px;
		margin:2px 0 0 0;
		padding:5px 10px 0 18px;
		border-top:1px dotted #bebebe;
	}
	
	#paginationAccueil h2{
		font-size:100%;
		color:#2a2a2a;
		margin:0 0 2px 0;
		padding:0;
	}
	
	#paginationAccueil a{
		display:block;
		float:left;
		width:20px;
		height:17px;
		margin:0 3px 1px 0;
		padding:3px 0 0 0;
		text-align:center;
		color:#2a2a2a;
		text-decoration:none;
		background-image:url(images/fond-n-pagination.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#paginationAccueil a:hover{
		color:#fff;
		background-position:0 -20px;
	}
	
	#paginationAccueil a.realisationsPageActive{
		display:block;
		float:left;
		width:20px;
		height:17px;
		margin:0 3px 1px 0;
		padding:3px 0 0 0;
		text-align:center;
		color:#fff;
		text-decoration:none;
		background-image:url(images/fond-n-pagination.gif);
		background-repeat:no-repeat;
		background-position:0 -40px;
	}
	
	#paginationAccueil a:hover.realisationsPageActive{
		display:block;
		float:left;
		width:20px;
		height:17px;
		margin:0 3px 1px 0;
		padding:3px 0 0 0;
		text-align:center;
		color:#fff;
		text-decoration:none;
		background-image:url(images/fond-n-pagination.gif);
		background-repeat:no-repeat;
		background-position:0 -40px;
	}
	
	#contactezNous{
		float:left;
		width:144px;
		height:30px;
		margin:39px 0 0 0;
	}
	
	#contactezNous a{
		display:block;
		width:144px;
		height:30px;
		padding:8px 0 0 0;
		background-image:url(images/btn-contactez-nous.gif);
		background-repeat:no-repeat;
		color:#000;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#contactezNous a:hover{
		display:block;
		width:144px;
		height:30px;
		padding:8px 0 0 0;
		background-image:url(images/btn-contactez-nous.gif);
		background-repeat:no-repeat;
		color:#000;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		filter:alpha(opacity=60); 
         -moz-opacity:0.6; 
        opacity:0.6;
	}
	
	#basAccueil{
		width:760px;
		margin:1px 0 0 5px;
		padding:0 0 0 0;
		border-top:1px dotted #bebebe;
	}
	
	#realisations{
		float:left;
		width:642px;
		margin:0;
		padding:14px 0 8px 0;
		margin:0 0 0 0;
		border-right:1px dotted #bebebe;
	}
	
	.realisationAccueil{
		float:left;
		width:307px;
		padding:0 14px 14px 0;
		margin:0 0 0 0;
	}
	
	.realisationTexte{
		float:left;
		width:150px;
		padding:0 2px 0 0;
		font-size:90%;
		color:#2a2a2a;
	}
	
	.realisationTexte h2{
		font-size:100%;
		font-weight:bold;
		margin:0;
		padding:0;
	}
	.realisationTexte h2 a{
		background:none;
		color:#2a2a2a;
		height:auto;
		margin:0;
		padding:0;
		width:auto;
	}
	
	.realisationTexte p{
		margin:0;
		padding:0;
	}
	
	.realisationTexte a{
		display:block;
		width:80px;
		height:15px;
		margin:3px 0 0 0;
		background-image:url(images/fleche-visitez-site.gif);
		background-repeat:no-repeat;
		background-position:0 3px;
		padding:0 0 0 12px;
		color:#ff8a00;
		text-decoration:none;
	}
	
	.realisationTexte a:hover{
		text-decoration:underline;
	}
	
	
	.realisationVisuel{
		float:left;
		width:144px;
		height:104px;
	}
	
	.realisationVisuel a{
		display:block;
		width:140px;
		height:100px;
		border:2px solid #5c5c5c;
	}
	
	.realisationVisuel a:hover{
		border:2px solid #ff8a00;
	}
	
	#decouvrezSolutionsLogicielles{
		float:left;
		width:117px;
	}
	
	#decouvrezSolutionsLogicielles h1{
		width:117px;
		text-align:center;
		margin:8px 0 18px 0;
	}
	
	.btnLogiciel{
		width:117px;
		text-align:center;
		margin:0 0 20px 0;
	}
	
	.btnLogiciel a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.btnLogiciel a:hover img{
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	
	/*gabarit pages services*/
	
	#globalServices{
		background-image:url(images/fond-services.gif);
		background-position:0 122px;
		background-repeat:repeat-x;
		width:100%;
		background-color:#fff;
	}
	
	#introPage{
		float:left;
		width:161px;
		margin:16px 0 0 0;
		padding:28px 20px 0 13px;
		color:#fff;
	}
	
	#introPage h1{
		font-size:150%;
		font-weight:bold;
		margin:0;
		padding:0;
	}
	
	#introPage p{
		margin:15px 0 0 0;
	}
	
	#plusInfos{
		margin:40px 0 0 0;
	}
	
	#plusInfos a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#plusInfos a:hover img{
		filter:alpha(opacity=90); 
        -moz-opacity:0.9; 
        opacity:0.9;
	}
	
	#flashPage{
		float:left;
		width:576px;
		margin:16px 0 0 0;
	}
	
	#cheminement{
		margin:21px 0 0 41px;
	}
	
	.etape{
		float:left;
		margin:0 9px 0 0;
	}
	
	.etapeSite1{
		width:93px;
	}
	
	.etapeSite2{
		width:110px;
	}
	
	.etapeSite3{
		width:100px;
	}
	
	.etapeSite4{
		width:110px;
	}
	
	.etapeSite5{
		width:122px;
	}
	
	.etapeSite6{
		width:131px;
	}
	
	.etape a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.etape a:hover img{
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	.etape a.lienActif img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.etape a.lienActif:hover img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#contenuPageGauche{
		float:left;
		width:527px;
		margin:30px 0 20px 0;
	}
	
	#contenuPageGauche2{
		float:left;
		width:525px;
		margin:30px 0 20px 0;
	}

	#contenuPageGauche h1{
		float:left;
		width:265px;
		margin:0;
		padding:23px 10px 0 41px;
		font-size:160%;
		font-weight:bold;
		font-style:italic;
	}
	
	#contenuPageGauche h1.longTitre{
		float:none;
		width:465px;
		margin:0;
		padding:23px 10px 0 41px;
		font-size:160%;
		font-weight:bold;
		font-style:italic;
	}
	
	#contenuPageGauche h1.titreServices{
		color:#0158ad;
	}
	
	#petitFlash{
		float:left;
		width:200px;
		height:48px;
		position:relative;
	}
	
	#bonASavoir{
		position:absolute;
		top:21px;
		left:19px;
	}
	
	#textePage{
		width:486px;
		margin:0 0 5px 29px;
		padding:10px 0 0 12px; 
		border-top:1px dotted #282828;
		color:#323232;
	}
	
	#textePage p{
		margin:0 0 20px 0;
		padding:0;
	}
	
	#textePage ul{
		margin-bottom:20px;
	}
	
	#textePage ul li{
		margin-bottom:8px;
	}
	
	#contenuPageDroite{
		float:left;
		width:223px;
		margin:0 0 20px 0;
	}
	
	#servicesDroiteHaut{
		width:221px;
		height:6px;
		margin:24px 0 0 0;
		background-image:url(images/haut-droite-services.gif);
		background-repeat:no-repeat;
	}
	
	#servicesDroiteContenu{
		width:201px;
		padding:14px 10px 28px 10px;
		background-image:url(images/fond-droite-services.gif);
		background-repeat:repeat-y;
	}
	
	#servicesDroiteContenu h1, #idwebDroiteContenu h1{
		margin:0 0 20px 0;
		padding:0;
		width:201px;
		text-align:center;
		font-size:150%;
		font-weight:bold;
		font-style:italic;
		color:#fff;
	}
	
	#servicesDroiteContenu p, #idwebDroiteContenu p{
		font-size:110%;
		margin:0 0 25px 0;
		color:#fff;
	}
	
	#servicesDroiteContenu ul, #idwebDroiteContenu ul{
		font-size:110%;
		color:#fff;
		margin:0 0 0 15px;
	}
	
	#servicesDroiteContenu ul li, #idwebDroiteContenu ul li{
		margin:0 0 10px 0;
	}
	
	#droiteNousContacter{
		width:156px;
		height:22px;
		margin:auto;
	}
	
	#droiteNousContacter a{
		width:156px;
		height:18px;
		padding:4px 0 0 0;
		display:block;
		background-image:url(images/fond-contactez-nous.gif);
		background-repeat:no-repeat;
		text-align:center;
		font-size:110%;
		font-weight:bold;
		color:#0158ad;
		text-decoration:none;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#droiteNousContacter a:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#servicesDroiteBas{
		width:221px;
		height:7px;
		margin:0 0 25px 0;
		background-image:url(images/bas-droite-services.gif);
		background-repeat:no-repeat;
	}
	
	#servicesDroiteContenu p.plusGrand, .plusGrand, #idwebDroiteContenu p.plusGrand{
		font-size:130%;
		font-weight:bold;
	}
	
	#servicesDroiteContenu p.plusPetit, .plusPetit, #idwebDroiteContenu p.plusPetit{
		font-size:90%;
		font-weight:normal;
	}
	
	#servicesDroiteContenu p.tresGrand, .tresGrand, #idwebDroiteContenu p.tresGrand{
		font-size:170%;
		font-weight:normal;
	}
	
	#servicesDroiteContenu p.centre, #idwebDroiteContenu p.centre{
		text-align:center;
	}
	
	.couleurServices{
		color:#0158ad;
	}
	
	.exempleFlash{
		float:left;
		width:181px;
		margin:0 40px 0 0;
	}
	
	.visuelExempleFlash{
		
	}
	
	.texteExempleFlash{
		text-align:center;
		margin:15px 0 25px 0;
	}
	
	a.lienServices{
		color:#0158ad;
		text-decoration:none;
	}
	
	a.lienServices:hover{
		text-decoration:underline;
	}
	
	a.lienServicesDroite{
		color:#fff;
		text-decoration:none;
	}
	
	a.lienServicesDroite:hover{
		text-decoration:underline;
	}
	
	.exempleLogo{
		width:201px;
		text-align:center;
		margin:0 0 30px 0;
	}
	
	.exempleLogo img{
		border:1px solid #757575;
	}
	
	#servicesDroiteContenu p.grandeMarge, #servicesDroiteContenu h1.grandeMarge, #sidwebDroiteContenu p.grandeMarge, #idwebDroiteContenu h1.grandeMarge{
		margin:0 0 55px 0;
	}
	
	#pourVerifierTexte{
		float:left;
		width:330px;
		margin:4px 0 0 0;
	}
	
	#pourVerifierBouton{
		float:left;
		width:80px;
	}
	
	#pourVerifierBouton a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#pourVerifierBouton a:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#plusInfos2{
		margin:0 0 15px 0;
		text-align:center;
	}
	
	#plusInfos2 a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#plusInfos2 a:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#consultezNous{
		text-align:center;
		margin:0 0 60px 0
	}
	
	#consultezNous a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#consultezNous a:hover img{
		filter:alpha(opacity=90); 
        -moz-opacity:0.9; 
        opacity:0.9;
	}
	
	#whois{
		margin:0 0 0 52px;
	}
	
	.nomWhois{
		width:46px;
	}
	
	.champNomWhois{
		width:200px;
	}
	
	.champNomWhois input{
		font-size:11px;
		font-family:verdana;
		color:#323232;
		border:1px solid #56a6f5;
		padding:2px 3px 2px 3px;
	}
	
	#listeExtensions{
		margin:15px 0 0 0;
	}
	
	#listeExtensions td{
		padding:0 20px 0 0;
	}
	
	#verifierDisponibilite{
		margin:25px 0 0 48px;
	}
	
	#packGauche{
		float:left;
		width:256px;
		padding:8px 0 0 0;
	}
	
	#caracteristiquePackHaut{
		width:191px;
		height:10px;
		background-image:url(images/haut-descriptif-pack.gif);
		background-repeat:no-repeat;
	}
	
	#caracteristiquePackContenu{
		width:171px;
		background-color:#0566c5;
		padding:5px 10px 5px 10px;
		color:#fff;
	}
	
	#caracteristiquePackBas{
		width:191px;
		height:10px;
		background-image:url(images/bas-descriptif-pack.gif);
		background-repeat:no-repeat;
	}
	
	#packDroite{
		float:left;
		width:181px;
	}
	
	#packdroit{
		float:right;
		width:181px;
	}
	
	#pack{
		margin:0 0 0 3px;
	}
	
	#cartouchePrixPack{
		width:181px;
		height:44px;
		margin:5px 0 0 0;
		background-image:url(images/cartouche-prix-pack.gif);
		background-repeat:no-repeat;
		text-align:center;
		padding:20px 0 0 0;
		color:#0158ad;
	}
/*fin pages services*/
	
	
/*pages logiciels*/
	#globalLogiciels{
		background-image:url(images/fond-logiciels.gif);
		background-position:0 122px;
		background-repeat:repeat-x;
		width:100%;
		background-color:#fff;
	}
	
	#logicielsDroiteContenu{
		margin:20px 0 0 0;
	}
	
	#logicielsDroiteContenu p{
		margin:0 0 20px 0;
		border:1px solid #5c5c5c;
		padding:18px 0 0 0;
	}

	#logicielsDroiteContenu p.aa{
		margin:0 1px 20px 0;
		border:1px solid #5c5c5c;
		padding:0 0 0 0;
	}
	
	#logicielsContenu{
		margin:4px 0 0 29px;
		padding:15px 15px 0 12px;
		border-top:1px dotted #282828;
		color:#323232;
	}
	
	#logicielsContenu p{
		margin:0 0 12px 0;
	}
	
	#logicielsContenu ul{
		margin-bottom:0 0 12px 0;
	}
	
	#logicielsContenu ul ul{
		margin-top:3px;
		margin-bottom:3px;
	}
	
	.titreLogiciels{
		width:350px;
		margin:0;
		padding:0px 10px 0 41px;
		font-size:160%;
		font-weight:bold;
		font-style:italic;
		color:#dc2a7e;
	}
	
	.couleurLogiciels{
		color:#dc2a7e;
	}

/*fin pages logiciels*/

/*pages book*/
	#globalBook{
		background-image:url(images/fond-book.gif);
		background-position:0 122px;
		background-repeat:repeat-x;
		width:100%;
		background-color:#fff;
	}
	
	.etapeBook1{
		width:117px;
	}
	
	.etapeBook2{
		width:117px;
	}
	
	.etapeBook3{
		width:127px;
	}
	
	.etapeBook4{
		width:95px;
	}
	
	.etapeBook5{
		width:101px;
	}
	
	#contenuPageBook{
		width:748px;
		margin:0 0 20px 0;
		padding:15px 0 0 0;
	}
	
	#contenuPageBook h1{
		float:left;
		width:350px;
		margin:0;
		padding:23px 10px 0 41px;
		font-size:160%;
		font-weight:bold;
		font-style:italic;
	}
	
	#contenuPageBook h1.grandTitreBook{
		width:706px;
		float:none;
		color:#d21942;
		margin:0 0 4px 0;
	}
	
	#contenuPageBook h1.titreBook{
		color:#d21942;
	}
	
	#contenuBook{
		width:706px;
		margin:0 0 0 29px;
		padding:0 0 20px 12px; 
		border-top:1px dotted #282828;
		color:#323232;
	}
	
	.vignetteBook{
		float:left;
		width:144px;
		margin:20px 0 0 0;
		padding:0 30px 0 0;
	}
	
	.vignetteBook a{
		display:block;
		width:140px;
		height:100px;
		border:1px solid #5c5c5c;
	}
	
	.vignetteBook a:hover{
		border:1px solid #d11940;
	}
	
	#descriptifSite{
		float:left;
		width:363px;
		margin:17px 20px 0 0;
	}
	
	#navigationFiches{
		font-weight:bold;
		margin:0 0 10px 0;
		color:#d11940;
	}

	#navigationFiches a{
		color:#d11940;
		text-decoration:none;
	}
	
	#navigationFiches a:hover{
		text-decoration:underline;
	}
	
	.separateurNavigation{
		color:#323232;
		font-weight:normal;
	}
	
	#descriptifSite ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#descriptifSite ul li{
		margin:0 0 8px 0;
		padding:0 0 0 15px;
		list-style:none;
		background-image:url(images/fleche-rouge.gif);
		background-repeat:no-repeat;
		background-position:0 4px;
	}
	
	#voirSite{
		margin:15px 0 0 0;
		padding:0 0 0 15px;
	}
	
	#voirSite a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#voirSite a:hover img{
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	#retourListeSites{
		margin:20px 0 0 0;
		font-size:110%;
		font-weight:bold;
		color:#d11940;
	}
	
	#retourListeSites a{
		color:#d11940;
		text-decoration:none;
	}
	
	#retourListeSites a:hover{
		text-decoration:underline;
	}
	
	#visuelSite{
		float:left;
		width:282px;
		margin:19px 0 0 0;
	}
	
	#zoomSite a{
		display:block;
		border:1px solid #5c5c5c;
	}
	
	#zoomSite a:hover{
		border:1px solid #d11940;
	}
	
	#pictosTechnologies{
		margin:9px 0 0 0;
		width:284px;
		text-align:center;
	}

/*fin pages book*/

/*pages idweb*/
	#globalIdweb{
		background-image:url(images/fond-idweb.gif);
		background-position:0 122px;
		background-repeat:repeat-x;
		width:100%;
		background-color:#fff;
	}
	
	.pourDecouvrir{
		float:left;
		width:333px;
	}
	
	.voirRealisations{
		float:left;
		width:80px;
		margin:-2px 0 0 0;
	}
	
	.voirRealisations a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.voirRealisations a:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	.bobIdweb{
		margin:20px 0 0 23px;
	}
	
	.rencontronsNous{
		margin:20px 0 0 0;
	}
	
	.rencontronsNous a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.rencontronsNous a:hover img{
		filter:alpha(opacity=90); 
        -moz-opacity:0.9; 
        opacity:0.9;
	}
	
	#contenuPageGauche h1.titreIdweb{
		color:#01b091;
	}
	
	#idwebDroiteHaut{
		width:221px;
		height:6px;
		margin:24px 0 0 0;
		background-image:url(images/haut-droite-idweb.gif);
		background-repeat:no-repeat;
	}
	
	#idwebDroiteContenu{
		width:201px;
		padding:14px 10px 28px 10px;
		background-image:url(images/fond-droite-idweb.gif);
		background-repeat:repeat-y;
	}
	
	#idwebDroiteBas{
		width:221px;
		height:7px;
		margin:0 0 25px 0;
		background-image:url(images/bas-droite-idweb.gif);
		background-repeat:no-repeat;
	}
	
	a.lienIdweb{
		color:#01b091;
		text-decoration:none;
	}
	
	a.lienIdweb:hover{
		text-decoration:underline;
	}
	
	.couleurIdweb{
		color:#01b091;
	}
/*fin pages idweb*/



/* pages MAJ */

	#global{
		background-color:#fff;
		width:100%;
	}
	
	#explicationMaj{
		text-align:center;
		height:350px;
		margin-top:100px;
		font-size:150%;
		font-weight:bold;
		color:#fff;
	}
	
	#conteneurMajTab{
		padding:30px 0 0 42px;
		float:left;
		width:560px;
	}
	
	#conteneurMajTab1{
		padding:30px 0 0 42px;
		float:left;
		width:511px;
	}
	
	#conteneurMajTab2{
		padding:18px 0 0 42px;
		float:left;
		width:453px;
	}
	
	#ajoutTab{
		margin:31px 0 0 0;
		float:left;
		width:112px;
	}
	
	#ajoutTab2{
		margin:19px 0 0 0;
		float:left;
		width:130px;
	}
	
	#ajoutTab a img, #ajoutTab2 a img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#ajoutTab a:hover img, #ajoutTab2 a:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	.majTabEntete1{
		width:250px;
		border-top:1px solid #d11940;
		border-left:1px solid #d11940;
		border-bottom:1px solid #d11940;
		border-right:1px solid #d11940;
		padding:5px 0 5px 5px;
		font-size:120%;
		font-weight:bold;
		color:#000;
		background-color:#eae9e9;
	}
	
	.majTabEntete2{
		width:58px;
		border-top:1px solid #d11940;
		border-right:1px solid #d11940;
		border-bottom:1px solid #d11940;
		padding:5px 0 5px 0;
		font-size:120%;
		font-weight:bold;
		color:#000;
		background-color:#eae9e9;
		text-align:center;
	}
	
	.majTabEntete3{
		width:80px;
		border-top:1px solid #d11940;
		border-right:1px solid #d11940;
		border-bottom:1px solid #d11940;
		padding:5px 0 5px 0;
		font-size:120%;
		font-weight:bold;
		color:#000;
		background-color:#eae9e9;
		text-align:center;
	}
	
	.majTabEntete4{
		width:90px;
		border-top:1px solid #d11940;
		border-right:1px solid #d11940;
		border-bottom:1px solid #d11940;
		padding:5px 0 5px 0;
		font-size:120%;
		font-weight:bold;
		color:#000;
		background-color:#eae9e9;
		text-align:center;
	}
	
	#contenuPageBook h1.grandTitreMajAccueil{
		width:706px;
		float:none;
		color:#ff8b01;
		margin:0 0 4px 0;
	}
	
	.majTabAccueilEntete1{
		width:250px;
		border-top:1px solid #ff8b01;
		border-left:1px solid #ff8b01;
		border-bottom:1px solid #ff8b01;
		border-right:1px solid #ff8b01;
		padding:5px 0 5px 5px;
		font-size:120%;
		font-weight:bold;
		color:#000;
		background-color:#eae9e9;
	}
	
	.majTabAccueilEntete2{
		width:80px;
		border-top:1px solid #ff8b01;
		border-right:1px solid #ff8b01;
		border-bottom:1px solid #ff8b01;
		padding:5px 0 5px 0;
		font-size:120%;
		font-weight:bold;
		color:#000;
		background-color:#eae9e9;
		text-align:center;
	}
	
	.majTabAccueilEntete3{
		width:90px;
		border-top:1px solid #ff8b01;
		border-right:1px solid #ff8b01;
		border-bottom:1px solid #ff8b01;
		padding:5px 0 5px 0;
		font-size:120%;
		font-weight:bold;
		color:#000;
		background-color:#eae9e9;
		text-align:center;
	}
	
	.majCellule1{
		width:250px;
		border-bottom:1px solid #d11940;
		border-right:1px solid #d11940;
		border-left:1px solid #d11940;
		padding:3px 0 3px 5px;
		font-size:100%;
		color:#000;
	}
	
	.majCellule2{
		width:58px;
		border-bottom:1px solid #d11940;
		border-right:1px solid #d11940;
		padding:3px 0 3px 0;
		text-align:center;
	}
	
	.majCellule3{
		width:80px;
		border-bottom:1px solid #d11940;
		border-right:1px solid #d11940;
		padding:3px 0 3px 0;
		text-align:center;
	}
	
	.majCellule4{
		width:90px;
		border-bottom:1px solid #d11940;
		border-right:1px solid #d11940;
		padding:3px 0 3px 0;
		text-align:center;
	}
	
	.majAccueilCellule1{
		width:250px;
		border-bottom:1px solid #ff8b01;
		border-right:1px solid #ff8b01;
		border-left:1px solid #ff8b01;
		padding:3px 0 3px 5px;
		font-size:100%;
		color:#000;
	}
	
	.majAccueilCellule2{
		width:80px;
		border-bottom:1px solid #ff8b01;
		border-right:1px solid #ff8b01;
		padding:3px 0 3px 0;
		text-align:center;
	}
	
	.majAccueilCellule3{
		width:90px;
		border-bottom:1px solid #ff8b01;
		border-right:1px solid #ff8b01;
		padding:3px 0 3px 0;
		text-align:center;
	}
	
	#conteneurSuppression{
		padding:20px 0 0 42px;
		width:600px;
		height:350px;
		font-size:120%;
	}
	
	#jeSupprime{
		float:left;
		width:121px;
		margin:20px 25px 0 0;
	}
	
	#retourListe{
		float:left;
		width:300px;
		font-size:80%;
		font-weight:bold;
		margin:27px 0 0 0;
	}
	
	#retourListe a{
		color:#d11940;
		text-decoration:none;
	}
	
	#retourListe a:hover{
		text-decoration:underline;
	}
	
	#retourListe2{
		margin:20px 0 0 0;
	}
	
	.labelMaj{
		float:left;
		width:105px;
		font-weight:bold;
		margin:4px 0 0 0;
	}
	
	.champMaj{
		float:left;
		width:450px;
	}
	
	.champMaj input, .champMaj textarea, .champMaj select{
		font-family:verdana;
		font-size:11px;
		color:#000;
		border:1px solid #777;
		padding:2px 3px 2px 3px;
	}
	
	.champMaj input.sansBordure{
		border:0;
	}
	
	.clearFormu{
		clear:both;
		height:8px;
	}
	
	#ajoutModifEnvoi{
		margin:20px 0 10px 105px;
	}

/* fin pages MAJ */


/* formulaire contact */
	.asterisque{
		color:#01b091;
	}
	
	.label{	
		float:left;
		width:90px;
		padding:4px 0 0 50px;
		font-size:110%;
	}
	
	.champ{	
		float:left;
		width:300px;
		font-size:110%;
		margin:0 0 6px 0;
	}
	
	.champ input, .champ textarea{	
		font-family:verdana;
		font-size:12px;
		border:1px solid #9b9b9b;
		padding:2px 3px 2px 3px;
		color:#01b091;
	}
	
	.moyenChamp{
		width:150px;
	}
	
	.petitChamp{
		width:98px;
	}
	
	.grandChamp{
		width:230px;
	}
	
	.zoneAdresse{
		width:230px;
		height:45px;
	}
	
	.zoneMessage{
		width:300px;
		height:100px;
	}
	
	#envoyer{
		margin:4px 0 30px 200px;
	}
	
	#textePage p.messageConfirmation{
		margin:40px 0 0 0;
		text-align:center;
		font-size:130%;
	}
/* formulaire contact */

/*pages espace*/
	#globalEspace{
	/*	background-image:url(images/fond-espace.gif);
		background-position:0 122px;
		background-repeat:repeat-x;*/
		width:100%;
		background-color:#fff;
	}
	
	#globalEspace h1{
		margin-top: 50px;
	}
	
	#globalEspace form{
		margin: 15px 0 30px 15px;
	}
	
	#globalEspace label{
		display: block;
		float: left;
		width: 150px;
	}
	
	#globalEspace input{
		float: left;
	}
	
	#globalEspace #textePage{
		float: left;
		width: 400px;
	}
	
	#globalEspace #spplus{
		float: left;
		margin-top: 80px;
		width: 300px;
	}
	
	#paiementCB{
		margin: 20px 0 0 50px;
	}
	
	#paiementCB a{
		color: #000;
		text-decoration: none;
	}
	
	#paiementCB a span{
		padding-left: 5px;
	}
	
	#paiementCB a:hover span{
		text-decoration: underline;
	}
	
	#textePage.paiement, #textePage2.paiement{
		height: 400px;
	}
	
	span.plusPetit{
		font-size: 90%;
	}
/*fin pages espace*/