/* CSS Document for the "Back to School" CoffeeCup Software HTML Editor Template
   Copyright 2008 CoffeeCup Software - coffeecup.com */

/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/ 

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, smaller, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
ol, ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}
strong {font-weight:bold}

/*#######################
  Element Styles 
#######################*/

body {font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#383b47; background:#363945 url(../images/fond_mimosa1.jpg) 50% 0 no-repeat}

a {outline:none; color:#1c8ed1; text-decoration:none}
	a:hover {text-decoration:underline}
p {line-height:1.5em; margin:10px; padding-right: 20px}
small {font-size:.8em; font-weight:normal}
smaller {font-size:.4em; font-weight:normal }
em {font-style:italic}

h1 {margin:15px 0; font-size:2em}
h2 {margin:15px 0; font-size:1.25em}
h3 {margin:15px 0; font-size:1.25em; font-weight:bold}
h4 {margin:15px 0; font-size:1.25em; font-weight:bold}
h5 {margin-top:15px; font-weight:bold}
h6 {margin-top:15px; font-size:1.5em; font-weight:bold}

ol {margin:15px 0 15px 25px; line-height:1.5em; list-style-type:decimal}
	ol li {margin:10px 0}

/*#######################
	General Classes
#######################*/

.no_space {margin:0}

/*#######################
  Layout Styles 
#######################*/

            #wrapper {overflow:hidden; width:918px; margin:0 auto}
         
            #entetegauche {
            float: left;
            width: 450px;
            background-color: #72738F;
            }
            #entetecentre {
            margin-left: 450px;
            margin-right: 145px;
            background-color:#72738F;
            }
            #entetecentre h4 {
            margin-left:1em;
            color: #d5d5d5;
            }
            #entetecentre h6, #entetedroit p{
            margin-left:1em;
            color: #FFFFFF;
            }
            #entetedroit {
            float: right;
            width: 145px;
            background-color:#72738F;
            color: white;}
            
            #entetedroit img {
            float: center;
            display:inline; 
            margin:0px 0px 0px 40px;
            color: white;
            }
   
            #navigation {clear:both; width:918px}
		    #navigation li {float:left; display:inline; margin-right:1px; width:152px; text-transform:lowercase; font-weight:bold; font-size:1.25em; background: url(../images/nav_button.png) left top no-repeat}
			#navigation li a {display:block; padding:8px 0; width:152px; text-align:center; color:#fff; text-decoration:none}
			#navigation li a:hover {background:url(../images/nav_button_hover.png) left top no-repeat}
			#navigation li .category_link {position:relative}		
				
				/* Drop-Down Category Menu */												
			#group_list {position:absolute; top:auto; left:-999em; width:153px; border-top:1px solid #dd692a; background-color:#ef712d}
			#navigation li:hover #group_list, #navigation li.sfhover #group_list {left:auto}
			#group_list li {width:140px; margin:0; padding:5px; font-size:.85em; text-transform:none; background:#ef712d}
			#group_list li a {display:block; padding:5px 5px 5px 15px; text-align:left; text-decoration:none}
			#group_list li a:hover {text-decoration:underline; background:none}
			
			#hero {float:left; display:inline; width:908px; padding:5px; background-color:#f6f6f6}
			#hero img {float:left; display:inline; margin-right:20px}
            #hero object {float:left; display:inline; margin-right:20px}
			#hero h2 {margin-top:15px; font-size:2em; line-height:1.15em}
			#hero p {margin:15px 0; font-size:1.25em; line-height:1.5em}
			
			#content {clear:both; float:left; display:inline; padding:15px; width:888px; background-color:#fff}
            
            #contenu {/*clear:both; */float:left; display:inline; padding:1px 15px 15px 15px; line-height: 1px; width:888px; background-color:#fff}

            #special {background-color:#fff}
				
                
            #content h2 {clear:both; margin-top:2px; padding:10px 10px 10px 10px; font-size:1.5em; color:#383b47; background:#fff url(../images/h2_bg.png) left bottom repeat-x}/*avant padding: 20px 10px*/
            #content .calendar {padding:4px 0 4px 30px; background:url(../images/calendar_icon.jpg) 0 50% no-repeat}
			#content .notes {padding:4px 0 4px 40px; background:url(../images/notes_icon.jpg) 0 50% no-repeat}
			#content .comment {padding:4px 0 4px 37px; background:url(../images/comment_icon.jpg) 0 50% no-repeat}				
				
				/*#content .three_columns {float:left; display:inline; width:282px; margin-right:20px}*/
                
            #content .three_columns img {float:left; display:inline; margin-left: 5px; margin-top: 1px; margin-right:5px}

            #content .three_columns {float:left; padding-left: 1px; display:inline; width:280px; margin-right:5px}
					
            #content .no_space {margin-right:0}

					/* Form Styles */
					/*input, textarea {width:350px}*/
			input#submit {width:auto; font-weight:bold}								

			#footer {clear:both; padding:15px; width:888px; font-size:.85em; color:#9696a3; background-color:#f3f2f2}
			#footer a {color:#9696a3; text-decoration:underline}
			#footer a:hover {text-decoration:none}
                    
                    
/* forms */

/*

form
{
	margin						: 0;
	padding						: 0;
}

input, select, textarea
{
	font-size					: 13px;
	color						: #000000;
	background-color			: #f2f2f2;
	border						: 1px solid #333333;
   
}

.boxgomic, .boxgo
{
	border						: 1px #000000 solid; 
	FONT-SIZE					: 13px; 
	BACKGROUND-COLOR			: #c91219;
	color						: #FFFFFF;
	font-weight					: bold;
}

.white
{
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

td.textsm
{
	font-size: 11px;
	color: #666666;
	text-align: center;
	vertical-align: top;
	width: 25%;
}

td.forumtab
{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #436C99;
	height: 20px;
}

td.tabtitle
{
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4b4b4b;
}

td.chambname
{
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}


td.leftmenuonadmin 
{
	height			: 33px;
	background-image: url(../photos/menuoff.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.white2
{
	border: 0px;
}

a.linkorder:link, a.linkorder:visited, a.linkorder:active 
{
	font-size: 15px;
	color: #bc0e15;
	text-decoration: none;
}

a.linkorder:hover
{
	font-size: 15px;
	color: #000000;
	text-decoration: none;
}                    
            
td, tr
{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration		: none;
	font-size			: 13px;
}