/* 1: BODY ET STRUCTURE GENERALE
============================================================================ */

/** Base */	

* {	margin:0; padding:0; font-size:100%;}

html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
}

/** Textes */

body, th, td, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #384F6C;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	line-height: 20px;
} 


/** Liens */

a {
	color: #FF7600;
}

a:hover {
	text-decoration: none;
}


/** Images */

img { border: none; }



/* 2: ENTETE
============================================================================ */

#header {
	width: 980px;
	margin: auto;
}

/** Barre haute*/

.bg1 {
	background: url(http://www.izi-collecte.com/home/visuels/barre02.gif) repeat-x left top;
}

#pagearticle {	
background: #FFFFFF url(http://www.izi-collecte.com/home/visuels/fond04.gif) repeat-x left top;
}											  
		

#logo {
	float: left;
	margin:0px;
}

#headermenu {
	float: right;
	margin-top:36px;
	padding-right:80px;
	height: 27px;
}


/** Menu */

#logo .logo {
	margin-top: 5px;
	margin-left: 10px;
}

#headermenu a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #F5F5F5;
	letter-spacing: 1px;
}

#headermenu a:hover {
	text-decoration: underline;
}

#headermenu a.moncompte {
	font-size: 14px;
	text-decoration: none;
	color: #FFDAB9;
	letter-spacing: 0px; 
}

#headermenu a.moncompte:hover {
	text-decoration: underline; 
}

#headermenu img{
	vertical-align: middle;
	margin-left:5px;
}


/* 3: PIED DE PAGE
============================================================================ */

/** Fond */

#footer {
	float: left;
	width: 100%;
	border-top: 2px solid #d9d9d9;
	background: #F5F5F5;
	}
	
/** Textes et liens */	
	
#footer a {
	font-size: 13px;
	text-decoration: none;}

#footer p {
	margin: 15px 0 10px;
	text-align: center;
	}	

	
	
/* 4: PAGE D'ACCUEIL
============================================================================ */	
	

/** Fond */

#homepage {	
background: #FFFFFF url(http://www.izi-collecte.com/home/visuels/fond01.gif) repeat-x left top;
}											  

/** Slogan */

#slogan {
	clear : both;
	width: 980px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF6600;
	margin: auto;
	text-align: center;
	letter-spacing: 4px;
	word-spacing: 5px;
}


/** Animation */

#anim {
	width: 980px;
	height: 144px;
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
}

#top_menu {
	float: left;
	margin-left:100px;
	width:870px;
	height:180px;
}

#menu_fonctio {
	float: left;
	width:980px;
	height:103px;
}

#menu-collecte {
	float: left;
	width:332px;
}

#menu-communication {
	float: left;
	width:327px;
}

#menu-gestion {
	float: left;
	width:321px;
}

a.boutonlarge {
	width:172px;
	height: 29px;
	background: #F57534 url("http://www.izi-collecte.com/home/visuels/bouton_large.gif") no-repeat;
	color: #FFFFFF;
	text-align: center;
	line-height: 29px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	display: block;
	text-decoration: none;
}

a.boutonlarge:hover {
	color: #3333CC;
}
	


/* 5: STRUCTURE DE PAGE
============================================================================ */	

/** Espace central */

#conteneur {
	width: 968px;
	min-height: 580px;
	margin: 10px auto;
}

/** Tableaux */

.content {
	background: url(http://www.izi-collecte.com/home/visuels/fond03.gif) repeat-x left top;
	padding: 10px;
}

#left {
	float: left;
	width: 257px;
}

#centerhomepage {
	float: left;
	width: 507px;
}

#centerpage {
	float: left;
	width: 711px;
}
	   
#right {
	float: left;
	width: 204px;
}

#tiers {
	float: left;
	width: 310px;
}



/* 6: NAVIGATION
============================================================================ */	

/** Fond */

.navig {
	background: url(http://www.izi-collecte.com/home/visuels/fond03.gif) repeat-x left top;
	padding-left: 10px;
	padding-right: 12px;
}

.navig02 {
	background: url(http://www.izi-collecte.com/home/visuels/fond03.gif) repeat-x left top;
	padding-left: 5px;
	padding-right: 2px;
}

/** Liste à puces */

.ul1 {
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 1px;
	list-style: none;
	line-height: 180%;
}

.ul1 h2 {
	margin-top: 10px;
}
  
.ul1 li {
	margin-left: 10px;
}

.ul1 a {
	padding-left: 15px;
	background: url(http://www.izi-collecte.com/home/visuels/puce02.gif) no-repeat left center;
}

.ul2 {
	padding-left: 15px;
	margin-top: 15px;
	list-style: none;
	background: url(http://www.izi-collecte.com/home/visuels/puce02.gif) no-repeat left center;
	font-size: 12px;
	letter-spacing: 1px;
	word-spacing: 1px;
}


/** liens connexes */

a.link2 {
	font-size: 12px;
	text-decoration: underline;
	color: #6A7883;
	letter-spacing: 1px;
	margin-right: 25px;
}

a.link2:hover {
	text-decoration: none;
} 

a.link3 {
	padding-left: 25px;
} 

a.link4 {
	padding-left: 10px;
	padding-right: 35px;
} 
	  	  

/* 7: ELEMENTS DE PAGE
============================================================================ */	

/** Boite Petite */

#boxPTI {
}

#boxPTI .title {
}

#boxPTI h3 {
	font-size: 11px;
	letter-spacing: 3px;	
}

#boxPTI h4 {
	font-size: 12px;
	color: #FF6600;
	letter-spacing: 1px;
	word-spacing: 1px;
}


/** Boite Moyenne */

#boxMOY {
	padding-right: 12px;
}

#boxMOY .title {
}

#boxMOY h3 {
	font-size: 13px;
	color: #384F6C;
	letter-spacing: 1px;
	word-spacing: 1px;
	
}


/** Boite Grande */

#boxGRD {	
	padding-right: 12px;
}

#boxGRD .title {
}

#boxGRD h3 {
	font-size: 12px;
}
	 

/** Boite Article */

#boxART {	
	padding-right: 12px;
}

/** Boite Article */

#boxART02 {	
	padding-right: 12px;
	padding-left: 12px;
}

/** Menu gauche */

#nobox {	
	padding-right: 12px;
	margin-bottom:20px;
	color: #6A7883;
}

#nobox02 {	
	margin-bottom:20px;
	color: #384F6C;
}


/** Titres */

.title h1, .title h2, .title h3 {
	height: 24px;
	padding: 3px 0px 0px 5px;
	color:white;
	letter-spacing: 1px;
}

#titlePTI { background: url(http://www.izi-collecte.com/home/visuels/boitePTI.gif) no-repeat left top; }
#titleMOY { background: url(http://www.izi-collecte.com/home/visuels/boiteMOY.gif) no-repeat left top; }
#titleGRD { background: url(http://www.izi-collecte.com/home/visuels/boiteGRD.gif) no-repeat left top; }
#titleART { background: url(http://www.izi-collecte.com/home/visuels/boiteARTICLE.gif) no-repeat left top; }

.title {
}


a.boutonmoyen {
	width:120px;
	height: 29px;
	background: #F57534 url("http://www.izi-collecte.com/home/visuels/bouton_moyen.gif") no-repeat;
	color: #FFFFFF;
	text-align: center;
	line-height: 29px;
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-decoration: none;
}

a.boutonmoyen:hover {
	color: #3333CC;
}



/** Séparateur */	

.hr1 {
	background-color: #5b6974;
	height: 1px;
	margin-bottom: 2em;
}



/* 8: FORMULAIRE
============================================================================ */	

form {
	margin: 0px;
	padding: 0px;
}

.input1 {
	margin: 10px;
	padding: 2px 5px;
} 

#newsletter{
        padding-top: 10px;
}

#ok{border: 0;background: #f98f4c; color: #ffffff; padding-left: 10px; padding-right: 10px; cursor: pointer;}
 
 

/* 9: PAGE FONCTIONNALITES
============================================================================ */	

/** Fond */

#pagearticle {	
background: #FFFFFF url(http://www.izi-collecte.com/home/visuels/fond04.gif) repeat-x left top;
}											  

#pagecollecte {	
background: #FFFFFF url(http://www.izi-collecte.com/home/visuels/fond06.gif) repeat-x left top;
}  

#pagecom {	
background: #FFFFFF url(http://www.izi-collecte.com/home/visuels/fond07.gif) repeat-x left top;
}													  

#pagegestion {	
background: #FFFFFF url(http://www.izi-collecte.com/home/visuels/fond08.gif) repeat-x left top;
}													  
	 
/** Bandeau */

#bandeau {
	width: 980px;
	height: 265px;
	margin: 0px auto;
}

#accroche {
	float: left;
	width: 370px;
	height: 240px;
	padding: 25px 0px 10px 0px;
}

#icone {
	float: left;
	width: 130px;
	text-align: right;
}

#icone02 {
	float: left;
	width: 125px;
	text-align: center;
}

#icone03 {
	float: left;
	width: 100px;
	text-align: center;
}

.petiticone img {
	width:65%;
	height: 50%;
}

#menuaccroche {
	float: left;
	width: 245px;
	margin-top: 25px;
}
		
#titreaccroche {
	float: left;
	width: 220px;
	padding-top: 10px;
	padding-left: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #384F6C;
	letter-spacing: 0px;
	word-spacing: 1px;
}
   
#titreaccroche02 {
	float: left;
	width: 220px;
	padding-top: 10px;
	padding-left: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #FF6600;
	letter-spacing: 0px;
	word-spacing: 1px;
}


#titreaccroche03 {
	float: left;
	width: 120px;
	padding-top: 10px;
	padding-left: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #FF6600;
	letter-spacing: 0px;
	word-spacing: 0px;
}

#titreaccroche04 {
	float: left;
	width: 140px;
	padding-top: 10px;
	padding-right: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #FF6600;
	letter-spacing: 0px;
	word-spacing: 0px;
}

#txtaccroche {
	float: left;
	width: 370px;
	padding-left: 70px;
	padding-top: 15px;
	font-size: 15px;
	letter-spacing: 1px;
	word-spacing: 1px;
}

#txtaccroche02 {
	float: left;
	width: 245px;
	padding-left: 0px;
	padding-top: 5px;
	margin-bottom: 10px;
	font-size: 12px;
	letter-spacing: 1px;
	word-spacing: 1px;
}

#flash {
	float: left;
	width: 590px;
	padding-left:20px;
	padding-top: 14px;
	text-align: center;
}
			  

/** Contenu */

#boitesrubriques {
	float: left;
	width: 699px;
	padding-right: 12px;
	margin-bottom:20px;
	background: url(http://www.izi-collecte.com/home/visuels/fond03.gif) repeat-x left top;
}

.titreboxrubriques	{
	padding-top: 5px;
	padding-left:15px;
	height:24px;
	color: #384F6C;
	letter-spacing: 1px;
}	

#logoboxrubrique {
	float: left;
	width: 81;
	padding-right:18px;
	padding-top:25px;
}

#contenuboxrubrique {
	float: left;
	width: 600px;
	padding-top:15px;
	padding-right:12px;
}

#conteneurfonct {
	width: 968px;
	min-height: 580px;
	margin: 75px auto;
}

#leftfonct {
	float: left;
	width: 360px;
}

#centerfonct {
	float: left;
	width: 550px;
	border-left: 1px dashed #5b6974;
}

#elementfonct {
	float: left;
	width: 360px;
	padding-top : 5px;
	padding-bottom: 10px;
}	
	
#iconeelement {
	float: left;
	width: 35px;
}	
	
#textelement {
	float: left;
	width: 300px;
	padding-left: 15px;
	padding-top: 10px;
	font-size: 14px;
	color: #384F6C;
	letter-spacing: 1px;
	word-spacing: 2px;
}	 

#gallerie {
	float: left;
	width: 150px;
	padding: 0 15px 15px 15px;
}

#gallerie02 {
	float: left;
	width: 350px;
	padding: 5px;
}

#lesplus {
	float: left;
	width: 330px;
	padding-top: 0px;
	padding-left: 30px;
}

#introfonct {
 	float: left;
	width: 520px;
	padding: 5px 15px 0 15px;
}
 

#textfonct {
 	float: left;
	width: 245px;
	padding: 15px;
}

#titrefonct {
	margin-bottom: 10px;
	font-size: 14px;
	color: #FF6600;
	letter-spacing: 1px;
	word-spacing: 2px;
} 

#chapofonct {
} 

#insertbouton {
	float: left;
	width: 530px;
	padding: 10px;
	border-top: 1px dashed #5b6974;
	border-bottom: 1px dashed #5b6974;
	background: #DCDCDC;
	text-align: center;
}

#distinction {
	float: left;
	width: 691px;
	padding: 10px;
	border-bottom: 1px dashed #5b6974;
}

#logodistinc {
	float: left;
	width: 130;
	padding-right:10px;
	padding-left:10px;
}

#introdistinc {
	float: left;
	width: 531px;
	padding-left: 10px;
}

#contentpresse {
	float: left;
	width: 451px;
	padding-left: 10px;
}

#docpresse {
	float: left;
	width: 70 px;
	padding-left: 10px;
}


.prixdistinc {
	margin-bottom: 10px;
	font-size: 13px;
	color: #384F6C;
	letter-spacing: 1px;
	word-spacing: 1px;
} 

.creercompte {
	margin-left:5px;
	margin-top:10px;
	width:200px;
	height:42px;
}

.creercompte02 {
	margin-left:2px;
	margin-top:5px;
	width:200px;
	text-align:center;
}
   
 
 

/* 10: AIDE
============================================================================ */	

/*positionnement*/

#centerpage .middleCenter{
width:545px;
float:left;
}

#centerpage .middleLeft{
width:153px;
float:left;	 
padding-right: 12px;
border-left:1px dotted #CCCCCC;
}

#centerpage .middleLeft .rub{
margin-left:10px;
border-bottom:1px dotted #CCCCCC;
padding-top:20px;
padding-bottom:20px;
text-align:center;
}

#centerpage .middleLeft .rub .con{
color:#FF6600; 
cursor:pointer; 
font-size:14px;
text-align: center;
}

/* liens aide */

#rubriques{
margin-top:6px;
}

#rubriques .title {
padding-top:7px;
color:#FF6600;
font-size:13px;
text-align:left;
font-weight: bold;
margin-left:25px;
}

#rubriques .title a{
color:#FF6600;
}

#rubriques .title a:hover{
text-decoration:none;
}

#rubriques ul{
text-align:left;
list-style:none;
margin-left:75px;
}
#rubriques li{
margin-top:3px;
margin-bottom:10px;
margin-left:0px;
padding-left:0px;
}

#rubriques li a{
color:#666666;
text-decoration:none;
}
#rubriques li a:hover{
color:#333399;
text-decoration:underline;
}
	 
	 

/* 11: BLOG
============================================================================ */	

/** Mise en page */

#blogpage {
	float: left;
	width: 752px;
	padding-right: 12px;
}

#nouvelleactu {
    border-top: 1px solid #c1c1c1;
	background: #f3f3f3 url("http://www.izi-collecte.com/home/visuels/nouveaupost.gif") no-repeat right top;
	margin-bottom: 15px;
}

#detailactu {
    border-top: 1px solid #c1c1c1;
	background-color: #f3f3f3;
	margin-bottom: 15px;
}

.titreactu {
    padding-left: 10px;
	padding-top: 10px;
	font-size: 14px;
	color: #384F6C;
	letter-spacing: 1px;
	word-spacing: 2px;
}

#blogpage p {
    padding-left: 10px;
	padding-top:10px;
	padding-right: 50px;
}

#coin {
    padding: 0 0 20px 0;
    background: #f3f3f3 url("http://www.izi-collecte.com/home/visuels/coin.jpg") no-repeat right bottom;
	text-align: right;
}

#boutonplus {
    padding: 0 0 20px 3px;
	text-align: right;
}
	
#actu {
    border-top:1px dotted #CCCCCC;
	margin-top: 0px;
}


/* partager */
.share-module {border: 1px solid #999; clear: both; margin-bottom: 10px; overflow: hidden; padding: 5px 10px; width: 602px; }
.share-module ul {float: left; margin: 0; }
.share-module p.left {line-height: 21px; margin: 0; padding:10px 0 0 0; }
.share-module p.left img { display:none;}
.share-module li {display: inline; float: left; margin-left: 20px; }
.share-module ul a,
.share-module ul a:visited {padding:10px 0 6px 44px; text-decoration:none;}
#questce-mod {border-top: 1px solid #999; clear: both; display: none; float: left; margin-top: 1em; padding-top: 10px; width: 100%; }
#questce-mod p {margin-bottom: 1em; }
#questce-a {background-color: #e8e8e8; background-position: 3px 50%; display: block; float: right; font-weight: bold; margin: 0; padding: 13px 3px 13px 20px; }
.share-module ul a, .share-module ul a:visited {font-size: 1.1em; font-weight: normal; text-decoration: underline; }
.share-module ul a:hover, .share-module ul a:active {text-decoration: none; }
ul.share-list, .share-module ul {font-size: 1em; }