/* CSS Document */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none}

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

body{
	margin:0px;
	padding:0px;
	color:#666;
	background-color:#FFF;
	background-repeat:repeat-x;
	background-image:url(../images/background.gif);
	line-height:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	text-align:justify;

}

h1{
	text-decoration:none;
	color:#9C0707;
	font-size: 21px;
	font-weight: 600;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

h2{
	text-decoration:none;
	color:#333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.grand_texte{
	
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	font-weight:100;
	color:#417EFD;
	text-align:justify;
	}
.petit_texte{
	
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#000000;
	text-align:justify;
	}
a{
	text-decoration:none;
	color:#000000;
}
#sous_menu{
margin-top:10px;

	}
#sous_menu a{
	font-weight:bold;
	font-size:13px;
	color:#AA1616;
	}
#sous_menu a:hover{
	font-weight:bold;
	font-size:13px;
	color:#666;
	}
#sous_menu a.selection{
	font-weight:bold;
	font-size:13px;
	color:#666;
	}


#conteneur{
	width: 969px;
	height:100%;
	margin:0px auto;	

}
#colonne_gauche{
	float:left;
	width:629px;
	margin-top:0px;
	padding-top:0px;
	}
#colonne_droite{
	float:left;
	width:339px;
	}
#contenu_gauche{
	float:left;
	width:280px;
	padding-top:20px;
	}
#contenu_droite{
	float:right;
	width:280px;
	padding-top:20px;
	}
#contenu_full{
	clear:both;
	width:529px;
	padding-top:20px;
	}
#contenu_droite a{
text-decoration:underline;
	}
#contenu_droite a:hover{
text-decoration:underline;
color:#666;
	}
#footer{
	text-align:center;
	clear:both;
	width: 969px;
	color:#999;
	border-top: #CCC dotted 1px;
	padding-top:15px;
	margin-bottom:35px;
	}
#footer a{
	
	color:#999;
	}
#footer a:hover{
	
	color:#AB1516;
	}
.rouge{
	color:#AB1514;
	font-weight:bold;
	}
	
a.suite{
	display:block;
	background-color:#9C0707;
	width:92px;
	color:#FFF;
	font-weight:bold;
	font-size:10px;
	padding:2px;
	margin-top:5px;
	
	}
a:hover.suite{
	display:block;
	background-color:#B10303;
	width:92px;
	color:#FFF;
	font-weight:bold;
	font-size:10px;
	padding:2px;
	margin-top:5px;
	}
.titre{
	color:#9C0707;
	font-weight:bold;
	}

#separateur {
	text-align: left;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #861917;
}
a.rouge{
	color:#000;
	}
a:hover.rouge{
	color:#9C0707;
	}
