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

[MASTER STYLESHEET] 
Project: vectorSKIN
Version: 1.2  
Last change: 14/01/2009
Assigned to: J.MARTINET 

[COLOR CODES] 
.bleu pour les liens  #5397be 
.orange #ff9900
.bleu #0fb2c6
.vert #a3cf30

[XHTML STRUCTURE]  
+body
    + #conteneur
		+ #header .themeorange ( cette classe permet de changer les couleurs selon le theme)
			- .racourcis
			- .logo
		+ #mainmenu
		+ #sousmenu
		+ #mainpage
			- 
			- .pagedroite
		+ .footer

 
************************* */
@media screen {

html { margin:0;padding:0;}
body { margin:0;padding:0; color:#89897b; font-size:12px; text-align:center; font-family:'trebuchet Ms', trebuchet, Tahoma, Arial, Geneva, Helvetica, sans-serif; background:#fff url(../images/interface/ban_head.gif) repeat-x;}

#conteneur { width:880px;margin:0 auto; text-align:left; position:relative; background:url(../images/interface/banniere_index.jpg) no-repeat 0 0; color:#414142; font-size:1em; background-color:inherit;}
#mainpage { clear:both; float:none; width:880px;}

/* Gestion des titres */
h1, h2,h3, h4,h5, h6,dl, dt, dd, img, p, img a { padding:0; margin:0; list-style:none; border:none;}
p.clear, div.clear { display:block; width:100%; clear:both; font-size:1px; padding:0; margin:0; height:0.1em;}

ul, li { padding:0; margin:0; list-style:none;}
.center { text-align:center;}
.center img { margin:0 auto;}
 
/* Gestion des formulaires */
fieldset { padding:0; margin:0; border: none; display:block;}
form { padding:0; margin:0; border: none; display:inline;}

.input { color:#a4a493;background-color:#fff;}
.select { color:#a4a493;background-color:#fff;}
.textarea { color:#a4a493;background-color:#fff;}
textarea { font-family: Verdana, 'Lucida Grande', Lucida, Tahoma, 'Trebuchet MS', Arial, Geneva, Helvetica, sans-serif;}
table, tr, td { border-collapse:collapse; padding:0; margin:0;}

.miseajour { clear:both; float:none; width:100%; margin:0 0 15px 0; padding:10px 0 0 0; font-size:0.80em;}
.miseajour p{color:#CE4242; background-color:inherit; background:url(../images/interface/miseajour.gif) no-repeat 0 4px; padding:0 0 0 12px;}
.red { color:#CC3300; font-weight:bold; background-color:inherit;}

/* *********************** */
/*       HEADER           */
/* ********************* */

#header { width:880px;}
#header .racourcis { height:55px; width:880px;}
 
#header .logo a { display:block;float:left; background:url(../images/interface/vectorskin_logo.gif) no-repeat 0 0; width:150px; height:37px; margin:6px 0 0 15px;}
#header .logo span { display:none;}
#header .banniere { width:980px;height:175px;}

#raccourcisblock { width:279px; height:28px; background:url(../images/menus/raccourcis_back.gif) no-repeat; position:absolute; top:8px; right:10px;}
#raccourcisblock ul { display:block; list-style:none;}
#raccourcisblock ul li { list-style:none; display:inline;}
#raccourcisblock ul li a { display:block; float:left; width:88px; height:20px; padding-top:2px;background:url(../images/menus/raccourcis_a_link.gif) no-repeat 0 0; margin:4px -2px 0 5px; text-align:center; color:#A7AB90; background-color:inherit; font-size:11px; text-decoration:none; line-height:1.5em;}
#raccourcisblock ul li a:hover{ background-position:0 -22px; color:#BFC1A7; background-color:inherit;}

/* ********************** */
/*        FULLPAGE       */
/* ******************** */

.fullpage { width:860px; padding:0 0 0 20px; color:#646643; background-color:inherit; clear:both; float:none;}
.articles { color:#333333; background-color:inherit;}

/* ****************** */
/*    PAGE INDEX     */
/* **************** */

#conteneurindex { width:860px; margin:0 auto; text-align:left; position:relative;background: url(../images/interface/banniere_index.jpg) no-repeat 0 0;}

  
/* banniere */
.banindex { clear:both; float:none; width:840px; background:url(../images/interface/ban_index.jpg) no-repeat 0 0; padding:226px 0 0 0; margin:10px 0;}
.banindex .toolbox { width:840px; background:url(../images/interface/toolbox.gif) no-repeat 0 0; height:55px;}
 
.banindex .toolbox ul { padding:8px 0 0 10px; margin:0; list-style:none;}
.banindex .toolbox ul li { list-style:none; display:inline; font-size:1em; line-height:1.3em}
.banindex .toolbox ul li a { color:#cfcfc9; text-decoration:none; display:block; float:left;  padding: 2px 0 0 45px; height:33px; background-color:inherit; width:auto;}
.banindex .toolbox ul li.item1 a {background: url(../images/interface/toolbox_picto1.jpg) no-repeat 0 0; width:200px;}
.banindex .toolbox ul li.item2 a {background: url(../images/interface/toolbox_picto2.jpg) no-repeat 0 0;  width:170px;}
.banindex .toolbox ul li.item3 a {background: url(../images/interface/toolbox_picto3.jpg) no-repeat 0 0; width:180px;}
.banindex .toolbox ul li.item4 a {background: url(../images/interface/toolbox_picto4.jpg) no-repeat 0 0;  width:90px;}

.banindex .toolbox ul li a strong { font-size:1.4em;  }
.banindex .toolbox ul li a:hover { color:#fff; background-color:inherit; text-decoration:none; background-position: 0 -35px;}

/* block3colonnes */
.block3colonnes { width:840px; clear:both; float:none; background:url(../images/interface/block3liste_index.gif) repeat-y; font-family:Arial, Helvetica, sans-serif; color:#7a7a70; background-color:inherit;}

.block3colonnes .top { background: url(../images/interface/block3liste_top_index.gif) no-repeat 0 0; width:100%; height:9px; font-size:0.1em;}
.block3colonnes .middle { background:url(../images/interface/block3liste_bottom_index.gif) no-repeat 0  bottom; width:100%; padding:0 0 15px 0;}
.block3colonnes .middle ul { margin:0; font-size:11px; padding:0 0 0 20px; width:210px; font-family:Arial, Helvetica, sans-serif;}
.block3colonnes .middle ul li { margin:0 0 2px 0; padding:0; list-style:none;}
.block3colonnes .middle ul li.separateur { font-size:1px; padding:0; margin:0; line-height:0.8em;}
.block3colonnes .middle p { margin:0; font-size:11px; padding:0 0 2px 0; font-family:Arial, Helvetica, sans-serif;}

.block3colonnes .middle p a { color:#ce4242; background-color:inherit; text-decoration:none;}
.block3colonnes .middle p a:hover { text-decoration:underline;}

.block3colonnes .middle p.lien a { color:#ce4242; background-color:inherit; text-decoration:none; background:url(../images/interface/boxdroite_puce.gif) no-repeat 0 4px; display:block; padding:0 0 0 8px;}
.block3colonnes .middle p.lien a:hover { color:#ce4242; background-color:inherit; text-decoration:underline;}
.block3colonnes .middle ul { margin:0; padding:0;}
.block3colonnes .middle ul li a { color:#ce4242; background-color:inherit; text-decoration:none; background:url(../images/interface/boxdroite_puce.gif) no-repeat 0 4px; display:block; padding:0 0 5px 7px;}
.block3colonnes .middle ul li a:hover { color:#ce4242; background-color:inherit; text-decoration:underline;}

.block3colonnes .middle h1 { font-size:14px; font-weight:bold; color:#73736a; background-color:inherit; margin:0; padding:0 0 5px 0;}
.block3colonnes .middle h1 a { color:#73736a; background-color:inherit; text-decoration:none;}
.block3colonnes .middle h1 a:hover { text-decoration:underline;}

.block3colonnes .middle h2 { font-size:14px; font-weight:bold; color:#73736a; background-color:inherit; margin:0; padding:0 0 5px 0;}
.block3colonnes .middle h3 { font-size:14px; font-weight:bold; color:#73736a; background-color:inherit; margin:0; padding:0 0 5px 0;}
.block3colonnes .middle h4 { font-size:14px; font-weight:bold; color:#73736a; background-color:inherit; margin:0; padding:0 0 5px 0;}
.block3colonnes .middle h5 { font-size:14px; font-weight:bold; color:#73736a; background-color:inherit; margin:0; padding:0 0 5px 0;}

/* premier block */
.blockindex1 { width:385px; float:left; margin-right:20px;}
.blockindex1 .h10 { height:15px; clear:both; float:none; width:100%;}

.blockindex1 .boxitem { width:385px;}
.blockindex1 .boxitem .picto1 { background: url(../images/interface/picto_integrateur_html.png) no-repeat 0 0; width:83px; height:52px; float:left; margin:0 0 0 10px;}
.blockindex1 .boxitem .picto2 { background:url(../images/interface/picto_webdesigner_freelance.png) no-repeat 3px 0; width:83px; height:63px; float:left; margin:0 0 0 10px;}
.blockindex1 .boxitem .context { float:right; width:280px;}

/* second block */
.blockindex2 { width:210px; float:left; margin-right:25px;}
 
/* troisieme bloc */
.blockindex3 { width:185px; float:left; }
  
/* footer index */
#footerindex { width:880px; margin:10px 0 0 0; font-size:0.8em; border-top:1px solid #dfe1d3;}
#footerindex .contenu { width:100%; background-color:#fff; color:#a9a9a6;}

#footerindex .contenu a { color:#a9a9a6; background-color:inherit; text-decoration:none;}
#footerindex .contenu a:hover { color:#414142; background-color:inherit; text-decoration:underline;}
#footerindex .contenu ul li { list-style:none;}

#footerindex .contenu .sitemap ul { width:100%; text-align:center; padding:0 0 10px 0;}
#footerindex .contenu .sitemap ul li { list-style:none; display:inline;}

#footerindex .contenu .copyright { width:300px; float:right; padding:10px; margin-left:10px; text-align:right;}
#footerindex .contenu .copyright ul { padding:0 0 10px 0;}

#footerindex .contenu .addresse { width:330px; float:left; padding:10px; text-align:left;}
#footerindex .contenu .addresse ul li { text-align:left;}

#footerindex .contenu  ul.validationw3c li { display:inline; padding-right:5px;}

}