#conteneur {
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

#entete {
	height: 364px;
	margin: 0;
	padding: 0;
	float:none;
}

#entetegauche {
	float:left;
	margin:0; padding:0;
	width:78%;
}
#entetedroite {
	float:right;
	width:22%;
	margin:0; padding:0;
}
#enteteportfolio {
	height: 28px;
	margin: 0;
	padding: 0;
	float:none;
	background-color: #ef8409;
	background: url("../images-interface/ombre_couleur2_chemin.gif")  top left no-repeat;
}
#entete_menu_horizontal {
	margin: 0;
	padding: 0;
	float:none;
	background: url("../images-interface/pixel_couleur1.gif") repeat;
}
#menu_horizontal_oui {
	margin:0 0 0 199px;
	padding:0;
	float:none;
	background: url("../images-interface/pixel_couleur1.gif") repeat;
}
#menu_horizontal_non {
	margin:0 0 0 0;
	padding:0;
	float:none;
	background: url("../images-interface/pixel_couleur1.gif") repeat;
}



#outercolonne3cols_oui {
	margin:0; padding:0;
  background: url("../images-interface/ombre_couleur1_longue.gif") top left repeat-y;
}
#outercolonne3cols_non {
	margin:0; padding:0;
}
#outercolonnechemin_oui {
	margin:0; padding:0;
	background: url("../images-interface/ombre_couleur2_chemin.gif")  top left repeat-y;
	float:none;
}
#outercolonnechemin_non {
	margin:0; padding:0;
	float:none;
}

#outercolonne3colsportfolio {
	margin:0; padding:0;
	background: url("../images-interface/ombre_couleur2_longue2.gif") top left repeat-y;
}
#outercolonnecheminportfolio {
	margin:0; padding:0;
	background: url("../images-interface/ombre_couleur2_chemin2.gif") top left no-repeat;
	float:none;
}
#outercolonnepied_oui {
	margin:0; padding:0;
	background: url("../images-interface/ombre_couleur1_longue.gif") top left repeat-y;
	float:none;
}
#outercolonnepied_non {
	margin:0; padding:0;
	background: url("../images-interface/ombre_couleur1_longue.gif") top left repeat-y;
	float:none;
}
#outercolonnepiedportfolio {
	margin:0; padding:0;
	/*background: url("../images-interface/ombre_couleur1_longue2.gif") top left repeat-y;*/
	float:none;
}
#centre3cols_oui, #centre2colschemin_oui {
	margin:0 0 0 199px;
	padding:0;
}
#centre3cols_non, #centre2colschemin_non {
	margin:0 0 0 0;
	padding:0;
}
#centre3colsportfolio, #centre2colscheminportfolio {
	margin:0 0 0 28px;
	padding:0;
}
#gauche {
	float:left;
	width:199px;
	margin:0; padding:0;
}
#gauchepied_oui {
	float:left;
	width:199px;
	margin:0; padding:0;
	text-align: center;
}
#gauchepied_non {
	float:right;
	width:199px;
	margin:0; padding:0;
	text-align: center;
}

#gaucheportfolio, #gauchepiedportfolio, #gauchecheminportfolio {
	float:left;
	width:28px;
	margin:0; padding:0;
}
#droite {
	float:right;
	width:26%;
	margin:0; padding:0;
}
#colmoitiegauche {
	float:left;
	width:48%;
	margin:0; padding:0;
}
#colmoitiedroite {
	float:right;
	width:48%;
	margin:0; padding:0;
}
#colprincipale {
	float:left;
	padding: 0;
	margin: 0;
	width:72%;
}
#colunique {
	float:left;
	padding: 0;
	margin: 0;
	width:98%;
}

.colssup {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 7px;
	line-height: 7px;
	height:7px;
}
.colssupportfolio {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 7px;
	line-height: 7px;
	height:7px;
}
.colssup2 {
	margin: 0;
	padding: 0;
	border: 0;
}
.colssup2portfolio {
	margin: 0;
	padding: 0;
	border: 0;
}
.colschemin {
	padding: 0 0 0 5px;
	margin: 0;
}

#centrepied_non {
	margin:0 199px 0 0;
	padding: 0;
	text-align: center;
	float:none;
}
#centrepied_oui {
	margin:0 0 0 199px;
	padding: 0;
	text-align: center;
	float:none;
}
#centrepiedportfolio {
	margin:0 0 0 28px;
	padding: 0;
	text-align: center;
	/*background: url(../images-interface/pixel_couleur2.gif) repeat;*/
	float:none;
}
.column-in {
	margin:0; padding:0.5em 1em;
	float:none;
}
.column-indroite {
	margin:0; padding:0.5em 1em;
	float:none;
}
.nobordure2 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 2px;
	line-height: 2px;
	height:2px;
}
.nobordure7 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 7px;
	line-height: 7px;
	height:7px;
}
.nobordure15 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 15px;
	line-height: 15px;
	height:15px;
}
.nobordure24 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 24px;
	line-height: 24px;
	height:24px;
}
.cleaner {
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height:1px;
}
.cleanerchemin {
	margin: 0;
	padding: 3px;
	border: 0;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height:1px;
}

.clear{
	clear: both;
}

html>body .mozclear/* could use :root instead of html>body to target mozilla specifically, but that invalidates the stylesheet */
{
	border-bottom: 1px solid transparent;	/* help mozilla recognize empty clearing element */
	margin-bottom: -1px;	/* compensate for 1px space used by border */
}

<!--
/*  ... surcharges ptitvelo ... */
-->

/* largeur de l'interface fixe */
#conteneur { margin-left: auto ; margin-right: auto ; width: 990px;}

/* hauteur de l'entete */
/*#entete {height: 300px;} => mauvaise idée remonte tout */
 
/* trame grise en dehors de l'interface */
body {background-image: url(../images-interface/ptitvelo/tramegrise.png) ; }
#outercolonnechemin_oui {	background-color: White;} 
#conteneur {	background-color: transparent;}

/* chaine de velo verticale */
/* image avec fond orange pour colonne de gauche puis blanc puis maillon */
/* image en 972+13= 985 pixel x 70 pixel répetee en y */
/* et répétition de tout cela pour intégration du velo en filigane */ 
/* avec déport à droite de 13 pixels pour maillon centré sur le bord */
#outercolonne3cols_oui{ background-image: url(../images-interface/ptitvelo/maillon4.png) ;
						background-repeat: repeat-y ;
						background-position: left;
						padding-right : 13px;
						margin-right : -13px;
						/margin-right : 0px; /* pour MSIE qui gere comme un con les marges */
						/background-image: url(../images-interface/ptitvelo/maillon4bis.png) ; /* idem */
						}



/* vélo en fond sur toute la page */
#colprincipale,#colprincipale .column-in, 
#droite, #droite .column-indroite, 
#colunique .column-in .blocarrondicart  {
						background-color: transparent;}

/* pied de l'interface : */
/* fond en noir */
#outercolonnepied_oui, 
#centrepied_non, #centrepied_oui, #centrepiedportfolio,
#centrepied_non a, #centrepied_oui a , #centrepiedportfolio a  { 
						background-color: black; } 
/*#outercolonnepied_oui, */
#centrepied_non, #centrepied_oui, #centrepiedportfolio,
#centrepied_non a, #centrepied_oui a , #centrepiedportfolio a  { 
						color : white}	
#outercolonnepied_oui, #outercolonnepied_non, #outercolonnepiedportfolio {
						background-image: none;
						margin-right: -13px;}						
/* alignement vertical du texte */
*#centrepied_non .lignedouble_oui, #centrepied_oui .lignedouble_oui , #centrepiedportfolio .lignedouble_oui {
						height: 9px}										
/* recentrage du texte : à finir [RC] */						
/* #centrepied_non, #centrepied_oui , #centrepiedportfolio  { 
						 text-align: justify;
						 margin-left : 30 px;}
	
/* bugs : */
/*mise en page deux colonnes trop large pour page "actualité sur web" par ex, verifier la valeur */
#centre3cols_oui,#centre3cols_non, #centre3colsportfolio { width : 750px;}
/* hauteur de police dans colonne da gauche */
#gauche .button a { font-size: 11px;}

/* suppression du blanc dans div apres un titre de page */
#colprincipale .blocarrondi {background-color: transparent;}
#colprincipale .bacontent {background-color: white;}
/* et travail sur le titre de page */
.titre_article_contour {/* 1ere version : que du gris*/
						/*border-left: none; border-top: none; border-right: none; border-bottom : none;
						font-weight: bolder; background-color : #DDDDDD;*/
						/* 2eme version : idem page d'accueil */
						color: #000033; background-color: #ffe9c3;
						border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #ef8409;
						border-left-width: 1px; border-left-style: solid; border-left-color: #fc7677;
						border-right-width: 2px; border-right-style: solid; border-right-color: #ef8409;
						border-top-width: 1px; border-top-style: solid; border-top-color: #fc7677;
						}
.titre_article  {		/* 1ere version : que du gris*/
						/*background-color: #DDDDDD;*/
						/* 2eme verion : idem page d'accueil */
						color: #000033; background-color: #ffe9c3;
						border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #ef8409;
						border-left-width: 1px; border-left-style: solid; border-left-color: #fc7677;
						border-right-width: 2px; border-right-style: solid; border-right-color: #ef8409;
						border-top-width: 1px; border-top-style: solid; border-top-color: #fc7677;
						}

/* page d'accueil */
/* trait de bordure et aération de la page par marges et espacement du texte */
.bacontentcart .column-in { 
						/*border: medium solid #EF8409;*/
						border : none; 
						padding-top : 10px;
						padding-bottom : 10px;
						margin-top: 10px;
						margin-bottom:  10px;
						background-image: none;
						background-color: transparent;}

					
						
/* différentiation lien avec style en évidence */
a.spip_in, a.spip_out { text-decoration : underline;
						/* première version : bord pointillé mais trop loin du texte */
						/*border-bottom-style : dashed; 
						border-bottom-color : #EF8409; 
						border-bottom-width: 2px;
						margin-bottom : 0px ; 
						padding-bottom : 0px;*/}
	
/* souligné sur le titre de style blog */
a b {					text-decoration : underline;}
 
/* bloc arrondis */
/* CSS3 marche qu'avec mozillia */

/*colonne de droite*/

#droite .bahaut{		height : 10px ;
						width: :169px ;
						
						/* Image en fond*/
						background-image: url(../images-interface/ptitvelo/haut_169.png) ;
						
						/* version CSS3 :
						background-color : #DDDDDD;
						-moz-border-radius-topright : 10px ; 
						-moz-border-radius-topleft: 10px;
						border-color: #AAAAAA;
						border-style: solid;
						border-width: thin;
						border-bottom-style : none;*/} 

#droite .bacontentwrap {
						/* Image en fond*/
						background-image: url(../images-interface/ptitvelo/centre_169.png) ;
						background-repeat: repeat-y ;
						
						/* version CSS3 :
						background-color : #DDDDDD; 
						border-color: #AAAAAA;
						border-style: solid;
						border-width: thin;
						border-top-style: none;
						border-bottom-style: none;
						margin-top: -5px;*/}
												
#droite .babas {		height : 10px ;
						width: :169px ;
						
						/* Image en fond*/
						background-image: url(../images-interface/ptitvelo/bas_169.png) ;
						
						/* version CSS3 :
						background-color: #DDDDDD; 
						-moz-border-radius-bottomright : 10px ; 
						-moz-border-radius-bottomleft: 10px;
						border-color: #AAAAAA;
						border-style: solid;
						border-width: thin;
						border-top-style : none;
						*/}
						
#droite .pave, #droite .bacontent{
						border : none ; 
						/*background-color: #DDDDDD;*/ 
						background-color: transparent ;
						padding: : 0px 10px; margin: 0px;}

#droite .titre_tableau {border : none ; 
						background-color: transparent ;
						padding: : 0px ;
						margin-top: -30px;
						color : #BB2222;
						font-family : arial;
						font-style : normal;
						font-stretch : condensed;
						font-size : 24px;}

 
/*colonne centrale*/
/* premiere ligne d'un style blog */
.column-in .fragment .espacebloc + .texte, .column-in .fragment .espaceligne + .texte { 
						padding-left: 20px; padding-right: 20px; padding-top: 10px;
						
						/* Image en fond*/
						background-image: url(../images-interface/ptitvelo/514_chapeau.png) ;
						background-color : transparent ;
						border-style: none;
						background-repeat: no-repeat ;
						margin: 0px ;
						background-position: left top ;
						
						/* version CCS3 :
						background-color : #DDDDDD;
						-moz-border-radius-topright : 10px ; 
						-moz-border-radius-topleft: 10px;
						border-color: #AAAAAA;
						border-style: solid;
						border-width: thin;
						border-bottom-style: none;
						*/} 
/* derniere ligne d'un style blog*/
.column-in .fragment .mis_a_jour { 
						padding-left: 20px; padding-right: 20px; padding-bottom: 10px; padding-top : 10px;
						/* Image en fond*/
						background-image: url(../images-interface/ptitvelo/514_pied.png) ;
						background-color : transparent ;
						border-style: none;
						background-repeat: no-repeat ;
						background-position: left bottom ;
						margin-left: 0px ;
						
						/* version CCS3 :
						background-color : #DDDDDD;
						-moz-border-radius-bottomright : 10px ; 
						-moz-border-radius-bottomleft: 10px;
						border-color: #AAAAAA;
						border-style: solid;
						border-width: thin;
						border-top-style: none;*/}
						
/* ligne suivante a la derniere ligne de style blog*/
.column-in .fragment .mis_a_jour + .mis_a_jour{ 
						padding-left: 20px;  padding-bottom: 10px; /*padding-right: 20px; padding-top : 10px;*/
						/* Image en fond*/
						background-image: url(../images-interface/ptitvelo/null.gif) ;
						/* attention bug IE ici avec la propiete none donc j'ai mis une image vide [RC]*/
						/* avant il y avait url(../images-interface/ptitvelo/514_pied.png) ;*/
						background-color : transparent ;
						border-style: none ;
						background-repeat: no-repeat ;
						background-position: left bottom ;
						margin-left: 0px ;
						text-align : right;
						padding-right : 50px;
						padding-top : 0px;
						
						/* version CCS3 :
						background-color : #EEEEEE;
						-moz-border-radius-bottomright : 10px ; 
						-moz-border-radius-bottomleft: 10px;
						border-color: #BBBBBB;
						border-style: solid;
						border-width: thin;
						border-top-style: none;*/
						}						
						
/* interieur du style blog */
 .column-in .fragment .texte,.column-in .fragment .cleaner {
						padding-left: 20px; padding-right: 20px;
						/* Image en fond*/
						background-image: url(../images-interface/ptitvelo/514_corps.png) ;
						background-color : transparent ;
						border-style: none;
						background-repeat: repeat-y ;
						background-position: left top ;
						margin: 0px ;
						
						/* version CCS3 :
						background-color : #DDDDDD;
						border-color: #AAAAAA;
						border-style: solid;
						border-width: thin;
						border-top-style: none;
						border-bottom-style: none;*/
						}

/* bloc de galerie photo en style blog*/
.column-in .fragment .blocmax { width : 100% ; margin: 0px ;
						text-align: center;	float: left;
						/* Image en fond*/
						background-image: url(../images-interface/ptitvelo/514_corps.png) ;
						background-color : transparent ;
						border-style: none;
						background-repeat: repeat-y ;
						background-position: left top ;
						margin: 0px ;
												
						/* version CCS3 :
						background-color : #DDDDDD;
						border-color: #AAAAAA;
						border-style: solid;
						border-width: thin;
						border-top-style: none;
						border-bottom-style: none;*/}