/******************************************************************************/
/*                              Fondation Gaydoul Group                       */
/******************************************************************************/



/*  Reset CSS -> Thanks to Eric A. Meyer */

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, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }

:focus {
	outline: 0;
	background-color : transparent;
	color : #000;
    }

body {
	line-height: 1;
	color: #000;
	background: #fff;
    }

ol, ul {
	list-style: none;
    }

table {
	border-collapse: separate;
	border-spacing: 0;
    }
    
caption, th, td {
	text-align: left;
	font-weight: normal;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }
    
blockquote, q {
	quotes: "" "";
    }



/******************************************************************************/
/********************************************************************** Start */
/******************************************************************************/



/* General */

a:link  {
    color : #666;
    text-decoration : underline;
    }
        
a:visited   {
    color : #666;
    text-decoration : underline;    
    }

a:hover {
    color : #000;
    text-decoration : none;
    }


span.smaller    {
    font-size : smaller;
    }



/**************************************************************** HTML / Body */

html {
 	height : 100%;
	}


body	{
    height : 100%;
    width : 100%;
    font-family : verdana, arial, helvetica, sans-serif;
	}



/*********************************************************************** Site */


div.site {
    width : 970px;
    min-height : 85%;
    height : auto !important;
    height : 85%;
    margin : 0 0 0 10px;
    
    /* height : 600px; */
    /* margin : 0; */
    padding : 0;
    background-color : #fad9dd;
    background-image : url(round.png);
	background-repeat : no-repeat;
	background-position : bottom right;
    }


/********************************************************************* Header */

div.header {
    position : relative;
	margin : 0;
	padding : 0;
	width : 970px;
	height: 150px;
	color : #fff;
	background-color : #fff;
	}

div.header p.logo  {
    float : left;
    width : 220px;
    height : 115px;
    margin-top : 25px;
    padding-left : 10px;
    text-align: left;
    }

div.header p.languages   {
    float : right;
    width : 100px;
    font-size : 9px;
    margin : 10px 0 0 0;
    color : #000;
    }

/***************************************************************** Mainrubric */

div.main_nav    {
    float : left; 
    margin: 98px 0 0 20px;
    width : 635px;
    font : 10px;
    color : #333;
    text-transform : uppercase;
    }

div.main_nav ul {
    float : left;
    margin-right : 1px;
    font-size : 10px;
    }

/* Only for Layout */
ul.main_nav li  {
    visibility : visible;
    }

ul.main_nav_one li.level_one, 
ul.main_nav_one li.level_one a,
ul.main_nav_one li.level_one_selected a,
ul.main_nav_one li.level_one_shown    {
    visibility : visible;
    }

/* End only for Layout */

div.main_nav ul li,
div.main_nav ul li a  {
    margin-bottom : 1px;
    }

/* Rubric 1 */
ul.main_nav_one li.level_one a, 
ul.main_nav_one li.level_one_selected a,
ul.main_nav_one li.level_one_shown,

/* Rubric 2 */
ul.main_nav_two li.level_one a, 
ul.main_nav_two li.level_one_selected a,
ul.main_nav_two li.level_one_shown,

/* Rubric 3 */
ul.main_nav_three li.level_one a, 
ul.main_nav_three li.level_one_selected a,
ul.main_nav_three li.level_one_shown,

/* Rubric 4 */
ul.main_nav_four li.level_one a, 
ul.main_nav_four li.level_one_selected a,
ul.main_nav_four li.level_one_shown,

/* Rubric 5 */
ul.main_nav_five li.level_one a, 
ul.main_nav_five li.level_one_selected a,
ul.main_nav_five li.level_one_shown,

/* Rubric 6 */
ul.main_nav_six li.level_one a, 
ul.main_nav_six li.level_one_selected a,
ul.main_nav_six li.level_one_shown,

/* Rubric Last */
ul.main_nav_last li.level_one a, 
ul.main_nav_last li.level_one_selected a,
ul.main_nav_last li.level_one_shown,


/* Subnavigation */
div.main_nav ul li.level_sub a {
    display : block;
    padding : 5px 7px 0 7px;
    height : 15px;
    background-color : #e9e9e9;
	color: #333;
    letter-spacing : 1px;
    text-decoration : none;
    }

div.main_nav ul li.level_sub a    {
    padding : 2px 7px 0 7px;
    height : 13px;
    text-transform : none;
    letter-spacing : 0;
    background-color : #dcd4d6;
    color : #000;
    }




/* Width */
ul.main_nav_one    {
    width : 142px;
    } 

ul.main_nav_two {
    width : 142px;
    }

ul.main_nav_three {
    width : 142px;
    }

ul.main_nav_four {
    width : 142px;
    }
    
ul.main_nav_five {
    width : 142px;
    }    
    
ul.main_nav_six {
    width : 142px;
    }    

ul.main_nav_last {
    width : 142px;
    }
    
    
    
    
/* Shown */

ul.main_nav_one li.level_one_shown,
ul.main_nav_one li.level_one_selected a,
ul.main_nav_two li.level_one_shown,
ul.main_nav_three li.level_one_shown,
ul.main_nav_four li.level_one_shown,
ul.main_nav_five li.level_one_shown,
ul.main_nav_six li.level_one_shown,
ul.main_nav li.level_one {
    background-color : #fad9dd;
    font-weight : bold;
    color : #333;
    }




/* Hover */
ul.main_nav_one li.level_one a:hover,
ul.main_nav_one li.level_one_selected a:hover,

ul.main_nav_two li.level_one a:hover,
ul.main_nav_two li.level_one_selected a:hover,

ul.main_nav_three li.level_one a:hover,
ul.main_nav_three li.level_one_selected a:hover,

ul.main_nav_four li.level_one a:hover,
ul.main_nav_four li.level_one_selected a:hover,

ul.main_nav_five li.level_one a:hover,
ul.main_nav_five li.level_one_selected a:hover,

ul.main_nav_six li.level_one a:hover,
ul.main_nav_six li.level_one_selected a:hover,

div.main_nav li.level_sub a:hover   {
    background-color : #ccc;
    color : #000;
    }


ul.main_nav_last li.level_one a:link,
ul.main_nav_last li.level_one a:visited,
ul.main_nav_last li.level_one a:hover,
ul.main_nav_last li.level_one_selected a,
ul.main_nav_last li.level_one_shown    {
    background-image : url(round_small.png);
    background-repeat : no-repeat;
    background-position : top right;
    background-color : #e9e9e9;
    }
    

ul.main_nav_last li.level_one_selected a    {
    background-image : url(round_small_sel.png);
    }

ul.main_nav_last li.level_one_shown    {
    background-image : url(round_small_shown.png);
    background-color : #fad9dd;
    font-weight : bold;
    }

ul.main_nav_last li.level_one a:hover   {
    background-image : url(round_small_hover.png);
    background-color : #ccc;
    }    
    

/******************************************************** Leftside Navigation */

div.navigation  {
    float : left;
    width : 200px;
    min-height : 100%;
    font-size : 10px;
    font-style : normal;
    text-transform : uppercase;
    padding : 30px 40px 0 10px;
    }

/****************************************************************** Subrubric */


div.navigation p {
	margin: 0 0 1px 0;
	padding : 0;
	}

div.navigation p,
div.navigation p a {
    background-color : #ccc;
	color: #000;
	text-decoration: none;
	text-transform : none;
	}

div.navigation p.level_one a,
div.navigation p.level_one_selected a,
div.navigation p.level_one_shown,
div.navigation p.level_two a,
div.navigation p.level_two_selected a,
div.navigation p.level_two_shown,
div.navigation p.level_three a,
div.navigation p.level_three_selected a,
div.navigation p.level_three_shown,
div.navigation p.level_four a,
div.navigation p.level_four_selected a,
div.navigation p.level_four_shown {
	display: block;
	text-decoration : none;
    padding : 2px 7px 0 7px;
    height : 13px;
	}

div.navigation p.level_one_selected a,
div.navigation p.level_two_selected a,
div.navigation p.level_three_selected a,
div.navigation p.level_four_selected a,
div.navigation p.level_one_shown,
div.navigation p.level_two_shown,
div.navigation p.level_three_shown,
div.navigation p.level_four_shown {
	color: #000;
	background-color: #ccc;
	font-weight: normal;
    }

div.navigation p.level_one_selected a  {
    font-weight : normal;
	background-color: #006bab;
    }


/* Level 1 */

div.navigation p.level_one a,
div.navigation p.level_one_selected a,
div.navigation p.level_one_shown {
    height : 15px;
	width: 122px;
    padding : 5px 7px 0 20px;
 	color: #000;
	background-color: #ccc;
    }


/* Level 2 */

div.navigation p.level_two a,
div.navigation p.level_two_selected a,
div.navigation p.level_two_shown {
	width: 102px;
	padding-left : 40px;
	color : #7d7c81;
	background-color : #eee;
    }


/* Level 3 */

div.navigation p.level_three a,
div.navigation p.level_three_selected a,
div.navigation p.level_three_shown {
	width: 82px;
	padding-left : 60px;
	color : #7d7c81;
	background-color : #eee;
    }


/* Level 4 */

div.navigation p.level_four a,
div.navigation p.level_four_selected a,
div.navigation p.level_four_shown {
	width: 62px;
	padding-left : 80px;
	color : #7d7c81;
   	}


/* Hover */

div.navigation p.level_one a:hover,
div.navigation p.level_one_selected a:hover,
div.navigation p.level_two a:hover,
div.navigation p.level_two_selected a:hover,
div.navigation p.level_three a:hover,
div.navigation p.level_three_selected a:hover,
div.navigation p.level_four a:hover {
	color : #fff;
	text-decoration: none;
    background-color : #859cb1;
	}


/* Shown */
div.navigation p.level_one_shown,
div.navigation p.level_two_shown,
div.navigation p.level_three_shown,
div.navigation p.level_four_shown  {
    font-weight : normal;
    background-image : url(arrow.png);
    background-repeat : no-repeat;
    background-color : #b9aaae;
    color : #000;
    }

div.navigation p.level_one_shown    {
    background-position : 5px 8px;
    }

div.navigation p.level_two_shown    {
    background-position : 22px 5px;
    }


div.navigation p.level_three_shown    {
    background-position : 42px 5px;
    } 

div.navigation p.level_four_shown    {
    background-position : 62px 5px;
    }    
    
/******************************************************************************/
/******************************************************************** Content */
/******************************************************************************/

div.content_wrapper {
    width : 100%;
    }


div.content {
    width : 550px;
    margin : 13px 0 0 250px;
    padding : 0 0 50px 0;
    font-size : 14px;
    line-height : 21px;
    font-weight : normal;
    color : #666;
    }

div.copy,
div.copy_start    {
    padding : 0 10px;
    }
    
    
div.copy_start    {
    color : #666;    
    }    

div.content h1  {
    font-size : 14px;
    line-height : 18px;
    margin-bottom : 4px;
    color : #666;
    font-weight : bold;
    }

div.content p   {
    margin-bottom : 10px;
    }

div.content p.emotive_start img,
div.content p.emotive img  {
    width : 550px;
    margin-top : 65px;
    }


div.content p.emotive img  {
    border : 10px solid #fbe1e4;
    margin : 0;
    }

div.content h2  {
    font-size : 14px;
    line-height : 18px;
    margin-bottom : 4px;
    color : #666;
    font-weight : bold;
    }
    
div.content div.box { display:block; margin-top:2em; border:1px solid #7e7e7e; color:#7e7e7e; padding:10px; }
div.content div.box p:last-child { margin-bottom:0; }


/* Lists */

div.content ul,
div.content ul.bb-list-unordered    {
    list-style-type : none;
    margin : 0;
    padding : 0 0 10px 0;
    }

div.content ul li,
div.content ul.bb-list-unordered li.bb-listitem {
    text-indent : -15px;
    padding : 2px 0 5px 15px;
    }





/******************************************************************************/
/******************************************************************** Service */
/******************************************************************************/



div.service {
    position : relative;
    width : 550px;
    padding : 10px;
    padding-bottom : 5px;
    background-color : #f1eeef;
    margin-bottom : 15px;
    }


div.service h3  {
    font-size : 12px;
    line-height : 18px;
    color : #966;
    margin-bottom : 5px;
    font-weight : bold;
    }




/* Images */

div.service p.img   {
    margin-top : 25px;
    padding : 0;
    }

div.service p.img img   {
    border : 10px solid #b9aaae;
    }

div.service p.legends   {
    margin-top : 0;
    }



/* Download */

div.service ul.download {
    list-style : disc;
    margin : 5px 0 10px 25px;
    padding : 0;
    }

div.service ul.download li  {
    padding : 0 0 3px 0;
    }





/* Context*/

div.service b   {
    font-weight : bold;
    }









/*************************************************************** Contact Form */

	
table.contact   {
    margin : 0 0 0 0;
    padding : 0 0 0 0;
    width : 100%;
    background-color : transparent;
    }	
	
table.contact td.col1   {
    width : 50%;
    padding : 12px 0;
    }	

table.contact td.col2   {
    text-align : left;
    }
    
table.contact td.spam_description {
    font-size : 11px;
    line-height : 15px;
    vertical-align : top;
    padding-right : 12px;
    }
    
select,
input.contact,
input.contact_error,
textarea.contact,
textarea.contact_error	{
	width : 240px;
	border : 1px solid #000;
	margin : 0;
	padding : 4px;
	background-color : #fff;
	color : #000;
	border : 1px solid #333;
	font-family : georgia, palatino, serif;
	font-weight : bold;
	font-style : italic;
	}

select  {
    width : 80px;
    padding : 4px 0;
    }


textarea    {
    margin : 4px 0 0 0;
    height : 80px;
    }

input.contact_error,
textarea.contact_error   {
    background-color : #fcc;
    color : #000;
    }

td.button_send  {
    text-align : right;
    }

input.button    {
	padding : 4px;
	background-color : #006bab;
	color : #fff;
	border : 1px solid #333;
	font-family : georgia, palatino, serif;
	}
	
input.button:hover  {
    background-color : #cce1ee;
    color : #000;
    }
      
    
/********************************************************************* Footer */
    
div.footer,
div.push    {
    clear : both;
    margin : 0;
    padding : 0;
    height : 23px;
    color : #666;
    font : normal 9px/13px arial, helvetica, sans-serif;
    }    

div.footer  {
    position : relative;
    width : 950px;
    padding : 2px 0 0 20px;
    height : 50px;
    /* margin : 0 auto; */
    /* background-image : url(footer_round.gif);    */
    /* background-position : bottom left;           */
    /* background-repeat : no-repeat;               */
    background-color : #fff;
    }
    
div.footer p a:link,
div.footer p a:visited,
div.footer p a:hover    {
    color : #000;
    font : normal 9px/12px verdana, helvetica, arial, sans-serif;
    }

div.footer p a:hover    {
    text-decoration : none;
    }