@charset "utf-8";
/*
    Document    : global
    Projet      : Azais
    Created on  : 28 mar. 2011, 21:02:04
    Version     : 0.1
    Maj         :
    Author      : Sébastien Flochlay
    Author URL  : www.codecraftanddesign.com
    Description : Feuille de style générale
*/


/*-----------------------------------------------------------
INDEX :

1.DEFAULT
    1.1 All
    1.2 Lien
    1.3 Image

2.STRUCTURE
    2.1 Body
    2.2 Global

3. HEADER
    3.1 Header
    3.2 Sous-header

4. CONTENU
    4.1 Contenu
    4.2 Menu-left
        a/ blanc
        b/ rouge
        c/ bleu
    4.3 Right
    4.4 Box1
    4.5 Box2
    4.6 Box3
    4.7 Box4

5. PAGE TEXT

6. FOOTER
    6.1 Footer
    6.2 Contenu-footer

-----------------------------------------------------------*/


/*------------------------------------------------------*/
/*  1. DEFAULT                                          */
/*------------------------------------------------------*/

/* All */
* { margin: 0px; padding: 0px; border: 0px; text-align:left;}

/* Lien */
a {text-decoration:none; color : white;}
    a:visited{text-decoration:none; color : white;}
    a:hover , a:active , a:focus {color : white; text-decoration: underline;}

/* Image */
img {border: 0;}


/*------------------------------------------------------*/
/*  2. STRUCTURE                                        */
/*------------------------------------------------------*/

/* Body */
body { height: auto; width: 100%; margin: 0; padding: 0; font-family: "Times New Roman", Times, serif; font-size: 12px; text-align: left; color: white; background: #bcbcbd url(../images/degra.png) no-repeat left top;}

/* Page */
#page { height: auto; width: 800px; margin-top: 16px; padding: 0; margin-right: auto; margin-left: auto;}

/* Global */
#global { height: auto; width: 800px; margin: 0; padding: 0; margin-right: auto; margin-left: auto; min-height: 100%; text-align:left; background: #e1e1e1 url(../images/base_haut.png) no-repeat left top;}


/*------------------------------------------------------*/
/*  3. HEADER                                           */
/*------------------------------------------------------*/

/* Header */
#header { height: 77px; width: 100%; background: url(../images/base_haut.png) no-repeat left top;}
    #header div#logo { float: left; width: 128px; height: 77px;}
    #header div#menu { float: left; width: auto; height: 23px;}

/* Menu ul */
#header div#menu ul{ list-style: none;}

/* Menu li */
#header div#menu ul.menu li { position: relative; z-index: 9;}
#header div#menu ul.menu li div { visibility: hidden;}
#header div#menu ul.menu li:hover>div { visibility: visible;}

/* Menu */
#header div#menu ul.menu li.menu_item { float: left; height: 23px; width: 84px; background: url("../images/onglet_noir.png") no-repeat left top;}
#header div#menu ul.menu li.menu_item:hover,
#header div#menu ul.menu li.menu_item_selected { float: left; height: 23px; width: 84px; background: url("../images/onglet_rouge.png") no-repeat left top;}
#header div#menu ul.menu li.menu_item_tall { float: left; height: 42px; width: 114px; background: url("../images/onglet-long_noir.png") no-repeat left top;}
#header div#menu ul.menu li.menu_item_tall:hover,
#header div#menu ul.menu li.menu_item_tall_selected { float: left; height: 23px; width: 114px; background: url("../images/onglet-long_rouge.png") no-repeat left top;}
#header div#menu ul.menu li a {display: block; padding-top: 5px; padding-left: 7px; padding-bottom: 5px; text-decoration: none;}

        
/*------------------------------------------------------*/
/*  4. CONTENU                                          */
/*------------------------------------------------------*/

/* Contenu */
#contenu { overflow: hidden; height: auto; min-height: 450px; width: 100%; clear: both; padding-top: 65px; background: url(../images/base1.png) repeat-y left top;}

/* Index */
#contenu #index { width: 100%; height: 258px; background: url("../images/photo_index.png") no-repeat left top;}

/* Contenu Index */
#contenu #contenu-index { margin-left: 189px; width: 572px; height: 159px; padding: 11px 0px 0px 27px; font-size: 14px;  font-family: "Times New Roman", Times, serif; color: black; background: url("../images/bloc_blanc_coupe.png") no-repeat left top;}
    #contenu #contenu-index h1 { font-size: 18px; color: black;}
    #contenu #contenu-index a,
    #contenu #contenu-index a:hover,
    #contenu #contenu-index a:active,
    #contenu #contenu-index a:focus,
    #contenu #contenu-index a:visited { color: #bf071a;}

/* Contenu Contact */
#contenu #contenu-contact { margin-left: 189px; width: 572px; height: 191px; padding: 11px 0px 0px 27px; font-size: 13px;  font-family: "Times New Roman", Times, serif; color: /*#565656*/ black; background: url("../images/bloc_blanc_contact.png") no-repeat left top;}
    #contenu #contenu-contact h1 { font-size: 18px; color: black;}
    #contenu #contenu-contact a,
    #contenu #contenu-contact a:hover,
    #contenu #contenu-contact a:active,
    #contenu #contenu-contact a:focus,
    #contenu #contenu-contact a:visited { color: #bf071a;}
	
.gris{
	font-family: "Times New Roman", Times, serif;
	color:#666666;
	font-size: 13px;
	}

/* Contenu Simple */
#contenu div.simple_block { background: url(../images/onglet_sous_titre.png) no-repeat left top;}

#contenu div.simple_block h1{ width: 375px; height: 35px; padding-top: 8px; text-align: right; font-family: "Times New Roman", Times, serif; font-size: 14px; color: white;}

#contenu div.simple_block ul { margin-left: 218px; margin-bottom: 13px; width: 572px; height: 166px; padding: 11px 0px 0px 37px; list-style: circle; list-style-position: outside; font-size: 12px;  font-family: "Times New Roman", Times, serif; color: black; background: url("../images/bloc_blanc_court.png") no-repeat left top;}
    #contenu div.simple_block  a,
    #contenu div.simple_block  a:hover,
    #contenu div.simple_block a:active,
    #contenu div.simple_block  a:focus,
    #contenu div.simple_block  a:visited { color: #bf071a;}

#contenu div.simple_block ul.long { margin-left: 218px; margin-bottom: 13px; width: 572px; height: 390px; padding: 11px 0px 0px 37px; list-style: circle; list-style-position: outside; font-size: 12px;  font-family: "Times New Roman", Times, serif; color: black; background: url("../images/bloc_blanc_long.png") no-repeat left top;}

#contenu div.simple_block ul.court{ margin-left: 218px; margin-bottom: 13px; width: 572px; height: 98px; padding: 11px 0px 0px 37px; list-style: circle; list-style-position: outside; font-size: 12px;  font-family: "Times New Roman", Times, serif; color: black; background: url("../images/bloc_blanc_petit.png") no-repeat left top;}


/* Contenu Book1 */
#contenu #book1 { width: 100%; height: 258px; background: url("../images/Book01.png") no-repeat left top;}
#contenu #book1 h1{ padding: 48px 0px 0px 13px; text-align: left; font-family: "Times New Roman", Times, serif; font-size: 14px; color: white;}

/* Contenu Book2 */
#contenu #book2 { width: 100%; height: 258px; background: url("../images/Book02.png") no-repeat left top;}
#contenu #book2 h1{ padding: 48px 0px 0px 13px; text-align: left; font-family: "Times New Roman", Times, serif; font-size: 14px; color: white;}

/* Contenu Book */
#contenu div.book_block { margin-left: 188px; margin-bottom: 13px; width: 572px; height: 159px; padding: 11px 0px 0px 27px; font-size: 12px;  font-family: "Times New Roman", Times, serif; color: black; background: url("../images/bloc_blanc_coupe.png") no-repeat left top;}

#contenu div.book_block p.red,
    #contenu div.book_block a,
    #contenu div.book_block a:hover,
    #contenu div.book_block a:active,
    #contenu div.book_block a:focus,
    #contenu div.book_block a:visited { color: #bf071a;}

    
/*------------------------------------------------------*/
/*  4. FOOTER                                           */
/*------------------------------------------------------*/

/* Footer */
#footer { height: 130px; width: 100%; background: url(../images/base_bas.png) no-repeat left top;}