/* 
    Document   : modele11
    Created on : 25 déc. 2008, 15:34:35
    Author     : Clement
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 11
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
	background: #FFFFFF;
}
a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong {
	color: #A1B55D;
}

/* Conteneur central */
#centre {
	
}
#centre-bis {
	
}

/* Navigation */

#navigation {
    background:url(../images/blocks/subnav_bg20071009.gif) repeat-y left; z-index:10;
    margin-top: 10px;
    margin-right: 25px;
}
#navigation h2 {
    font-size:12px;
    font-family:Verdana;
    color:#303030;
    margin:0; 
    padding:8px 18px;
    background:url(../images/blocks/subnav_bgtop20071009.gif) no-repeat left top;
}
#navigation ul { margin:0; padding:0 2px 3px; background:url(../images/blocks/subnav_bgbottom20071009.gif) no-repeat left bottom; }
#navigation ul li { display:block; margin:0; padding:0 10px 0 8px; background:url(../images/blocks/subnav_itembg_inactive20071009.gif) no-repeat 0 100%; _padding-bottom:1px; }
#navigation ul li a { display:block; margin-bottom:-2px; line-height:41px; color:#595959; background:url(../images/blocks/subnav_item_arrow20071009.gif) no-repeat 0 50%; }
#navigation ul li a:hover { color:#08c; text-decoration:none; background-position:-203px 50%; }
#navigation ul li a img { position:relative; float:left; margin:4px 5px 0 0; }

#navigation h2 a { color:#303030; text-decoration:none; }
#navigation h2 a:hover { text-decoration:underline; }
#navigation a {
	color: #FF6533;
}

/* Contenu principal */
#principal {
    margin-top: 10px;
}
#principal h1 {
    padding-left: 75px;
    font-size:25px;
    font-family:Verdana;
    color:#303030;
    background: url(../images/blocks/menu.gif) 15px no-repeat;
}
#principal h2 {
    font-size:14px;
    font-family:Verdana;
    color:#303030;
    margin:0;
    padding:8px 18px;
}
#principal h3 {
    font-size:12px;
    font-family:Verdana;
    color:#303030;
    margin:0;
    padding:8px 18px;
}
#principal p {
    font-size:11px;
    font-family:Verdana;
    margin:0;
    padding:8px 18px;
}
#principal a {
	color: #332510;
}
#principal a:hover, #principal a:focus {
	color: #6E5122;
}
#principal strong {
	color: #181A12;
}



/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 20px 5px;
}
#global {
	width: 90%;
	max-width: 90em;
	min-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

/* En-tête */
#entete {
	padding: 20px 0;
    margin: 5px 5px 5px 0;
    background: url(../images/blocks/header2.gif) -2px no-repeat;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
    margin-left: 8px;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Bloc central */
#centre-bis {
	width: 100%;
	overflow: hidden;
}

/* Menu de navigation */
#navigation {
	float: left;
	width: 227px;
}

#navigation a {
	display: block;
	height: 1%;
	padding: 6px 10px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}

/* Contenu principal */
#principal {
	margin-left: 240px;
    background: url(../images/blocks/principal.gif) repeat-y;
}
#principal > :first-child {
	margin-top: 10px;
}
#principal p, #principal li {
	line-height: 1.5;
}

/* Pied de page */
#pied {
	margin: 0;
	padding: 5px 260px 20px 200px;
	font-size: .85em;
    margin-top: 10px;
    background: url(../images/blocks/header3.gif) -2px no-repeat;
}

/* Mention de copyright */
#copyright {
    margin-top: 5px;
	font-size: 1em;
	text-align: left;
}

form {
font-family:"verdana",sans-serif;
}
input {
margin-left:2px;
margin: 2px 2px;
border:1px solid black;
background-color:transparent;
font-family:"verdana",sans-serif;
}
input[type=text] {
margin-left:2px;
margin: 2px 2px;
border:1px solid black;
background-color:transparent;
font-family:"verdana",sans-serif;
}
input[type=password] {
margin-left:2px;
border:1px solid black;
margin: 2px 2px;
background-color:transparent;
font-family:"verdana",sans-serif;
}
input[type=submit] {
margin-right:2px;
border:1px solid black;
margin: 2px 2px;
background-color:transparent;
font-weight: bold;
font-family:"verdana",sans-serif;
}
input[type=button] {
margin-right:2px;
border:1px solid black;
margin: 2px 2px;
background-color:transparent;
font-weight: bold;
font-family:"verdana",sans-serif;
}
input[type=radio] {
margin-right:2px;
margin: 2px 2px;
background-color:#F3F1F4;
border:none;
}
select, option {
background-color:#F3F1F4;

font-family:"verdana",sans-serif;
}
textarea {
border:1px solid black;
margin: 7px 15px;
background-color:transparent;
font-family:"verdana",sans-serif;
font-size:12pt;
}