/*
Design general
*/



/*General*/
	
	body
	{
		width: 100%;
		margin: auto; /* Pour centrer notre page */
		margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
		margin-bottom: 20px;    /* Idem pour le bas du navigateur */
		background-color: #BBBFC8;
		background-color: #cccccc;
		font-family:arial,sans-serif;
		/*overflow-y:scroll;*/
	}
	
	form
	{
		margin:0px;
		padding:0px;
	}
	
	a
	{
		margin:0px;
		padding:0px;
		text-decoration:none;
	}
	
	table
	{
		border-collapse: collapse;
		margin:0px;
		padding:0px;
	}

	tr /* Les lignes*/
	{
		margin:0px;
		padding:0px;
	}
	
	td /* Les cellules normales */
	{
		margin:0px;
		padding:0px;
	}

	th /* Les cellules d'en-tête */
	{
		font-size:13px;
		padding-top: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
		padding-bottom: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
		padding-left: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
		padding-right: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
	}
	
	legend
	{
		color:#000000;
		font-style:oblique;
		font-weight:bold;
		font-family:Calibri,Arial ;
		font-size:16px;
	}
	
	img
	{
		border:none;
		padding:0px;
		margin:0px;
	}
	
	
	caption
	{
		font-size:18px;
		font-weight:bold;
		font-style:oblique;
		margin-bottom:5px;
	}
	
	h1
	{
		padding:0px;
		margin:0px;
		font-size:30px;
		text-align:left; 
		color:#4193cb;
		font-weight:normal;
	}
	
	h2
	{
		text-align:center;
		margin:0px 5px 5px 5px;
	}
	
	h3
	{
		font-size:18px;
		font-weight:bold;
		font-style:oblique;
		margin:auto;
		text-align:center;
		margin-bottom:5px;
	}
	
	a
	{
	color:#000000;
	}
	
	p
	{
	margin:0px;
	}	
	
	.page_button
	{
		font:calibri;
		/* margin-top:10px; */
		font-weight:bold;
		background-color:#3399cc;
		border:none;
		color:white;
		cursor:pointer;
		margin:0px;
		padding:0px;
		font-size:14px;
		font-style:italic;
		padding-left:4px;
		padding-right:4px;
	}
	
	.page_button:hover
	{
		color:#8ed2f4;
	}
	
/*General*/


/*structure générale*/
	
	.text-zone
	{
		width: 1000px;
		margin:auto;
		background-image: url("./background-text.png");
		background-repeat: repeat;
		background-position: center top;
		padding:0px;
		padding-left:10px;
		padding-right:10px;
	}
		
	#down_text
	{
		width: 1000px;
		padding-top: 50px;
		background-color:#DDDDDD;
		text-align:center;
		color:grey;
		float:left;
	}
	#rings
	{
		width: 1020px;
		height: 90px;
		margin:auto;
		background-image: url("./rings.png");
		background-repeat: repeat;
		background-position: center top;
		padding:0px;
	}
	#down
	{
		width: 1000px;
		padding-bottom:20px;
		height:20px;
		text-align:center;
		color:#888888;
		background-color:#FFFFFF;
		background-image: url("./background-bottom.png");
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	
	#down a
	{
		color:#888888;
	}
	#down a:hover
	{
		color:#4193cb;
	}
	
	#bottom
	{
		width: 1020px;
		height: 14px;
		margin:auto;
		background-image: url("./bottom.png");
		background-repeat: no-repeat;
		background-position: center top;
		padding:0px;
	}
	
	#paragraph_down
	{
		margin:0px;
		margin-right:20px;
		color:#a8aaaa;
	}
	
	#text_center
	{
		width: 100%;
		padding:0px;
		padding-bottom:40px;
		background-color: #ffffff;
		overflow:auto;
		clear:left;
	}
/*structure générale*/

/*top*/
	#top
	{
		width: 100%;
		height:86px;
		padding:0px;
		margin:0px;
		margin-bottom:0px;
		text-align:center;
		float: left;
		background-image: url("./background-top.png");
		background-repeat: repeat;
		background-position: left top ;
	}
	
	#top_logo
	{
		width:400px;
		height:70px;
		margin-left:130px;
		float:left; 
		margin-top:0px; 
		background-image: url("./odoma_top.png");
		background-repeat: no-repeat;
		background-position: left center ;
	}

	#top_text
	{
		width:400px;
		height:17px;
		float:right; 
		margin-top:25px;
		margin-right:70px;
		background-image: url("./odoma_text.png");
		background-repeat: no-repeat;
		background-position: center center ;
	}
	
	#lang_en, #lang_fr, #lang_en_active, #lang_fr_active
	{	
		width:22px;
		height:18px;
		margin-right:5px;
		background-color:#ffffff;
		background-image: url("./lang_en.gif");
		background-repeat: no-repeat;
		background-position: center center ;
		float:left;
		cursor:pointer;
		border:none;
		
		opacity: 0.3;
		-moz-opacity: 0.3;
		filter: alpha(opacity=30);
	}
	
	#lang_fr, #lang_fr_active
	{
		background-image: url("./lang_fr.gif");
	}
	
	#lang_en_active, #lang_fr_active
	{
		opacity: 0.8;
		-moz-opacity: 0.8;
		filter: alpha(opacity=80);
	}
	
	#lang_en:hover, #lang_fr:hover, #lang_en_active:hover, #lang_fr_active:hover
	{
		opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);
	}
	
	#lang_en_active, #lang_fr_active
	{
		cursor:default;
	}
	
/*top*/

/*menu*/
	#menu
	{
		width: 1020px;
		height: 30px;
		margin:auto;
		clear:left;
		background-image: url("./top.png");
		background-repeat: no-repeat;
		background-position: bottom center;
		padding:0px;
	}
	
	#menu div
	{
		width:456px; 
		margin:auto; 
		text-align:center;
	}
	
	.menu_item, .menu_item_active
	{
		height:23px;
		width:112px;
		font:calibri;
		font-weight:bold;
		font-family:"Lucida Grande", Arial,sans-serif;
		border:none;
		color:#000000;
		cursor:pointer;
		margin:0px;
		margin-left:1px;
		margin-right:1px;
		padding:0px;
		padding-top:7px;
		font-size:16px;
		float:left;
		background-image: url("./button.png");
		background-repeat: no-repeat;
		background-position: center center ;
	}
	
	.menu_item:hover
	{
		height:25px;
		padding-top:5px;
		background-image: url("./button_hover.png");
	}	
	
	.menu_item_active
	{
		height:28px;
		padding-top:2px;
		background-image: url("./button_active.png");
	}

/*menu*/

/*paragraph*/

	.paragraph_gen
	{
		font-family:arial,sans-serif;
		font-size:14px;
		width:878px;
		text-align:justify;
		margin:60px;
		margin-top:20px;
		margin-bottom:0px;
		border:#CCC solid 1px;
		list-style-type: square;
		float:left;
		cursor: default;
		overflow: hidden;
	}
	
	
	.paragraph_gen ul
	{margin:5px; padding:0px;}
	
	.paragraph_gen p, .form_paragraph_gen
	{margin:5px; padding:0px;}
	
	
	.paragraph_gen ul li
	{
		background-image: url('./list.png');
		background-position : 0px 7px;	
		background-repeat: no-repeat;
		list-style-type:none;
		padding-left:15px;
		margin:0px;
		margin-top:4px;
	}
	
	.paragraph_gen p ul li
	{margin-left:10px;}
	
	.title_paragraph_gen
	{
		font-weight:bold;
		background-image: url('./background-paragraph.png');
		background-position : center left;
		background-repeat: repeat;
		margin:0px;
		border-bottom:#CCC solid 1px;
		padding:3px;
		padding-left:10px;
		cursor: pointer;
	}
	
/*buttons*/
	.button_reduce, .button_expand
	{
		background-image: url('./button_reduce.png');
		background-position : center center;	
		background-repeat: no-repeat;
		background-color:transparent;
		width:20px;
		height:20px;
		border:none;
		opacity: 0.7;
		-moz-opacity: 0.7;
		cursor:pointer;
	}
			
	.button_reduce:hover, .button_expand:hover
	{
		opacity: 1;
		-moz-opacity: 1;
	}
	
	.button_expand
		{background-image: url('./button_expand.png');display:none;}
	
	#form_contact input, #form_contact textarea, #form_contact select
	{width:200px;margin-top:2px;border:1px solid #4193cb; background-color:#f8f8f8;}	
	
	#form_contact input:hover, #form_contact  textarea:hover, #form_contact select:hover
	{border:1px solid green;}
	
	#form_contact label
	{float:left; width:200px;}