@charset "utf-8";
/************************************************************
 *
 *	Name		:	global.css
 *	Author		:	Kubota Hideo
 *	Created		:	27.09.2007
 *	Modified	:	21.10.2007
 *
 *	Description	:	Feuille de style pour les pages du site.
 *
 ************************************************************/


/** header **************************************************/

body{background:url(../images/background.gif) #760303 repeat-x left top; padding-bottom:2em;}
#master_container{width:100em; background-color:#ffffff; margin:0 auto; border-right:solid 0.2em #b7b7b7; border-left:solid 0.2em #b7b7b7; border-bottom:solid 0.2em #b7b7b7;}
#master_container a img{float:left; margin:1em 0 0 1em;}
#master_container img#logo_cp{float:right; margin:3.5em 3.5em 0 0;}
#master_container span.separ{background-color:#e3e3e3; height:2.7em; display:block; margin-top:3.7em;}

div#page_container{padding-bottom:5em;}

/** menu ****************************************************/

ol#menu{background:url(../images/bg_menu.jpg) right top no-repeat; height:37.3em; width:20em; margin:2.5em 0 0 0em; float:left; padding-left:2.5em;}
ol#menu li{margin-bottom:1em;}
ol#menu li a{padding:1em 0 1em 0.8em; width:15em; display:block; font-size:1.2em; line-height:1.335em; text-decoration:none; font-weight:bold; color:#af0f0f;}
ol#menu li a.focus_on{background-color:#b00f0f; color:#ffffff;}
ol#menu li a:hover{background-color:#f4dddd; color:#af0f0f;}

ol#menu li ol{margin-left:1em;}
ol#menu li ol li{margin:0.3em 0 0 0;}
ol#menu li ol li a{padding:0.6em 0 0.6em 0.8em; width:14.1em; display:block; text-decoration:none; font-weight:normal; color:#af0f0f;}
ol#menu li ol li a.focus_on{color:#ffffff; background-color:#ce6a6a;}

/** content *************************************************/

div#mainContent{float:left; margin:2.5em 0 0 6em; width:48.5em;}
div#mainContent h1{font-size:2.4em; background:url(../images/puce_plume.jpg) left top no-repeat; color:#960e0a; padding-left:3.5em; line-height:2.5em;}
div#mainContent h2{font-size:1.8em; color:#cd6767; line-height:1.3em; margin:1em 0;}
div#mainContent h3{font-size:1.6em; color:#c34f66; line-height:1.3em; margin:0.7em 0;}
div#mainContent p{font-size:1.2em; margin-top:2em; line-height:1.4em;}

div#mainContent ol{margin:1em 0;}
div#mainContent ol li{font-size:1.2em; line-height:1.4em; background:url(../images/puce.gif) left 0.5em no-repeat; padding-left:1.5em; margin:0.7em 0;}
div#mainContent ol li ol{margin:0;}
div#mainContent ol li ol li{font-size:1em; background:url(../images/puce_niv2.gif) left 0.5em no-repeat; padding-left:1.2em; margin:0.5em 0;}

div#mainContent div.p_img_left, div#mainContent div.p_img_right{margin-top:2em;}
div#mainContent div.p_img_left img{float:left; margin-right:3em;}
div#mainContent div.p_img_right img{float:right; margin-left:3em;}

div#mainContent table{width:100%; border:solid 1px #999999; font-size:1.2em;}
div#mainContent table thead{background-color:#f4dddd;}
div#mainContent table thead th{font-weight:bold; color:#af0f0f; border:solid 1px #999999;}
div#mainContent table tbody th, div#mainContent table tbody td{color:#af0f0f; border:solid 1px #999999;}
div#mainContent table th, div#mainContent table td{vertical-align:middle; text-align:center; padding:0.833em 0; line-height:1.335em;}

div#mainContent p a{font-weight:bold; color:#af0f0f; text-decoration:none;}
div#mainContent p a:hover{text-decoration:underline;}

div#mainContent ol.note{border-top:solid 1px #cccccc; margin-top:3em;}
div#mainContent ol.note li{font-size:1.1em; font-style:italic;}

/** contact *************************************************/

div#contact{float:right; margin-top:4.5em; background:url(../images/slot_boder-left.gif) left top repeat-y; width:17.4em;}
div#contact div{background:url(../images/slot_border-bottom.gif) left bottom repeat-x;}
div#contact div div{background:url(../images/slot_corner.gif) left bottom no-repeat;}
div#contact div div div{background:url(../images/slot_top.gif) left top no-repeat; padding:7em 0.5em 2em 1.3em;}

div#contact p{font-size:1.2em; line-height:1.4em;}
div#contact ol{margin-top:1em;}
div#contact ol li{margin-top:1em;}
div#contact ol li#mail a{background:url(../images/picto_mail.jpg) left top no-repeat; padding:0 0 0.5em 3em; font-size:1.2em; line-height:2em; color:#960e0a; text-decoration:none;}
div#contact ol li#mail a:hover{font-weight:bold;}
div#contact ol li.tel{background:url(../images/picto_phone.jpg) left top no-repeat; padding-left:3em; font-size:1.2em; line-height:2em; color:#960e0a;}