/* Page accueil gratuit Logilib  */


* 			{ margin:0; padding:0; border: none; text-decoration: none }  

body 		{ padding: 0; font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background-color: #fff }

h1 a 		{ position: absolute; top: 100px; left: 0; top: 0; width: 277px; height: 127px; display:block; text-indent: -999em;  }
h2       { margin: 15px 0 20px 20px;  padding: 0 0 0 20px; font: normal 18px "Trebuchet MS"; background: url(../images/fond/f-h2.gif) left 6px no-repeat;  color: #1863ae } 
h3  		{ margin: 15px 0 10px 0px; font: normal 18px "Trebuchet MS"; color: #1863ae }
h4   		{ margin: 15px 0 10px 15px; font: normal 17px "Trebuchet MS"; color: #1863ae }
h5   		{ margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #1863ae }

p    		{ font: normal 11px/18px arial; margin: 0 0 5px 0;  }

input    { padding: 0 0 0 3px; font: normal 11px arial }
textarea { padding: 4px; font: normal 11px arial }
 
a img    { border: none; text-decoration: none }
 
 
/*--------------- Conteneur Global ------------------*/

#gratuit    { width: 980px; height: 780px; margin: 0 auto;  background: url(../images/fond/f-gratuit.jpg) left top no-repeat; position:relative; top: 0px; left: 0px;   } 
#gratuit2    { width: 980px; height: 1601px; margin: 0 auto;  background: url(../images/fond/f-gratuit2.jpg) left top no-repeat; position:relative; top: 0px; left: 0px;   } 


/*--------------- Premier bloc gauche ----------------*/
#txtLeft        { width: 224px; position: absolute;top: 200px; left: 0px;   color: #455163;   } 
#txtLeft h2     { display: none;  } 
#txtLeft h3     { text-align :right; color: #1566b0;  font: bold 16px arial; padding: 0 20px } 
#txtLeft p      { text-align :right; margin: 0 0 8px 0px; padding: 0 20px 0 10px;  font: normal 10px/15px arial; } 
span.color1     {  color: #455163; /*font-weight: bold; */ } 
span.color2     {  color: #1566b0 } 


/* --------------- Second bloc gauche  -----------*/
.emailAdresse {  width: 224px; position: absolute; top: 609px; left: 0px;   color: #455163;  } 
.emailAdresse2      {  width: 224px; position: absolute; top: 1428px; left: 0px;   color: #455163;  } 
.emailAdresse  p, .emailAdresse2  p   {  text-align: left; padding: 0 0 0 10px; font: normal 10px/16px arial; } 
.emailAdresse  p a, .emailAdresse2  p a { color: #455163; text-decoration: underline;  } 


/* ---------------- Newsletter --------------------*/

#formu01         			{ position: absolute; top: 587px; left: 599px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; width:380px; height:73px    } 
#formu01 label   			{ color: #585e60 ; margin: 0 6px 0 0px;  } 
#formu01 input.ch   		{ color: #585e60; width: 175px; height: 18px; padding: 2px 0 0 4px;  background: url(../images/fond/f-input.gif) left top no-repeat;   } 

#formu01 p.validForm    {  margin: 10px 0 0 0px;  } 

/* ---------------- Footer-------------------------- */
 
.footer3link    				{ position: absolute; top: 94px; right: 0px;  width: 752px; margin: 0 auto;  padding: 6px 0 0 0; font: normal 9px arial; } 
#gratuit  .footer3link p             { font: normal 9px arial;  color: #4c5255; text-align: center; } 
.footer3link a 			   { color: #4c5255; font: normal 9px arial; text-decoration: none; padding: 0 8px } 
.footer3link span 		   { color: #4c5255; font: normal 9px arial; text-decoration: none; padding: 0 8px } 

.footer4link    				{ position: absolute; top: 1110px; left:52px; width: 752px; margin: 0 auto;  padding: 6px 0 0 0; font: normal 9px arial; } 
#gratuit  .footer4link p             { font: normal 9px arial;  color: #4c5255; text-align: center; } 
.footer4link a 			   { color: #4c5255; font: normal 9px arial; text-decoration: none; padding: 0 8px } 
.footer4link span 		   { color: #4c5255; font: normal 9px arial; text-decoration: none; padding: 0 8px } 



.ag-illustr01{ position:absolute; left:227px; top:230px}
.ag-titre01{ position:absolute; left:618px; top:253px}
.ag-titre02{ position:absolute; left:241px; top:243px}
#texte01{ position:absolute; left:626px; top:328px; text-align:left}
#texte01 .title{ color:#ae0101; font-size:18px; font-weight:bold}
#formu02 .title{ color:#ae0101; font-size:16px; text-align:left}
#formu02 label{ font-weight:bold}
#formu02 input.ch{ border:1px solid #000000;height:20px;padding-top:5px;width:395px;}
#texte01 a{ color:#000}
.bottomgratuit{ position:absolute; left:386px; top:730px}
.bottomgratuit2{ position:absolute; left:399px; top:1525px}
#formu02{ width:752px; position:absolute; left:249px; top:338px; text-align:left}
#formu02 textarea{ width:97%; height:70px; border:1px solid #ccc}
.titlelien{ background:url(../images/puce/fleche.gif) left 3px no-repeat; padding-left:15px; font-weight:bold; font-size:14px}
.fauxlien{ color:#0000FF; text-decoration:underline}

#txtLeft p.mentionleft{text-align:left; font-weight:bold; font-size:11px; font-style:italic}

u{ text-decoration:underline}
.center{ text-align:center}
.red{ color:#ae0101}

.message { background-color:#FF0000; color:#fff; font-weight:bold; border:2px solid #990000; padding:5px; position:absolute; z-index:5000; top:250px; left:351px;opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8; width:500px}