#global {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.center {
	text-align: center;
}

.clear {
	clear: both;
}

body
{
	font-family: Arial;
    /*font-size: 0.9em;*/  
}

#menu hr { background-color: #FFFFFF; color: #FFFFFF; border:none; border-bottom: dashed #CCCCCC 1px; margin:0;} 

#header
{
	float:left;
	width:100%;
}

#footer
{
	float:left;
	width:100%;
}

#header_haut
{
	height:57px;
	width:100%;
	background:url("../_i/Header_noir.png") repeat-x;
}

#header_bas
{
	height:172px;
	width:100%;
	background:url("../_i/header_bleu.png") repeat-x;
}

#homelink 
{
	float:left;
    width: 287px;
    height: 106px;
	margin-left:100px;
}

#menu
{
	float:left;
	height:257px;
	width:305px;
	background:url("../_i/Fond_Menu.png") no-repeat;
	position: absolute;
	top:182px;
	left:91px;
}

.current a
{
	color:#FC4000;
}

#main
{
	float:left;
	width:1200px;
	min-height:500px;
	background-color: #F6F4E4;
}

#footer_haut
{
	height:212px;
	width:100%;
	background:url("../_i/Footer_noir.png") repeat-x;
	color:#8B8C8B;
	text-align:justify;
}

#footer_bas
{
	height:60px;
	width:100%;
	background:url("../_i/Footer_violet.png") repeat-x;
	color:#FFFFFF;
}

#navigation
{
	list-style:none;
	margin-left:45px;
	margin-top:40px;
	/*line-height:25px;*/
	font-size: 1.2em;
    width: 200px;
}
#navigation li {
	list-style-position: inside;
	/*font-size:13px;*/
	/*margin-left:1em;*/
    list-style-image: url('../_i/fleche.png');
    line-height: 2em;
    border-bottom: dashed #CCCCCC 1px;
}
#navigation li a {
    color: #000;
}
#navigation li.current a,
#navigation li a:hover,
#navigation li a:focus {
    color: #FC4000;
}

#boutique
{
	float:left;
	width:219px;
	height:256px;
	background:url(../_i/boutique.png) no-repeat;
	margin-top:210px;
	margin-left:135px;
}

#fleche
{
	position:relative; 
	top:3px; 
	margin-right:10px;
}

#header_entete
{
	float:left;
	width:670px;
	margin-left:40px;
	/*margin-top:40px;*/
}

#header_title
{
	float:left;
	position:relative;
	width:670px;
	height:63px;
	margin-left:40px;
	margin-top:109px;
}

#header_title_boutique
{
	float:left;
	position:relative;
	width:670px;
	height:63px;
	margin-left:-260px;
	margin-top:100px;
}

#col_gauche
{
	float:left;
	width:215px;
	height:150px;
	margin-left:140px;
	margin-top:40px;
}

#col_centre
{
	float:left;
	width:215px;
	height:150px;
	margin-left:140px;
	margin-top:40px;
}

#col_droite
{
	float:left;
	width:215px;
	height:150px;
	margin-left:140px;
	margin-top:40px;
}

#langs
{
	margin:0;
	float:right;
	width:135px;
	height:55px;
}

#langs a
{
	color:#FFFFFF;
	font-size:10px;
}

#langs ul
{
	list-style:none;
	display:block;
	margin:0;
}

#langs li
{
    text-align: center;
	width:60px;
	float:left;
	margin-left:5px;
}

#langue1
{
	width:60px;
	height:22px;
	background-color:#00E6C0;
	margin-top:11px;
}

#langue2
{
	width:60px;
	height:10px;
	background-color:#FFFFFF;
	margin-top:22px;
}

#mentions
{
	margin:0;
	padding-top:20px;
	color:#FFFFFF;
}

#mentions a
{
	color:#FFFFFF;
}

#vignettes
{
	float:right;
	width:755px;
	/*heght:115px;*/
	margin-right:25px;
	margin-bottom:15px;
}

#main_content
{
	float:right;
	width:753px;
	height:400px;
	margin-right:25px;
    font-size: 1.1em;
}

/**************************
**********HOME*************
***************************/

#viewer {
	float:left;
	background-color:#E4EAE8;
    height: 300px;
    width: 500px;
    margin: 15px 0 7px 0;
}

    /* Tabs jquery.ui */
    #slider {
        position: relative;
        width: 500px;
        height: 300px;
        margin: 0 auto;
    }
	.ui-tabs-nav
	{
		list-style:none;
	}
    #slider li.ui-tabs-selected a {
        background-color: #91806E;
    }
    #slider li.ui-tabs-nav-item a span {
        left: -3000px;
        position: absolute;
        text-indent: -3000px;
        top: -3000px;
    }
    #slider .ui-tabs-panel {
        position: relative;
        width: 500px;
        height: 300px;
    }
    #slider .ui-tabs-panel .info {
        height: 70px;
        left: 0;
        position: absolute;
        top: 0;
    }
    #slider .info a:hover {
        text-decoration: underline;
    }
    #slider .ui-tabs-hide {
        display: none;
    }
    /* ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ */
	
#home_text
{
	 float:left;
	 width:230px;
	 margin-left:20px;
	 margin-top:15px;
}
.list_home
{
	list-style-position: inside;
	/*font-size:13px;*/
	margin-left:1em;
    list-style-image: url('../_i/Puce_noire.png');
}


#deco
{
	float:left;
	width:500px;
	height:30px;
	background-color:#CBC8B2;
	border:2px solid #FFFFFF;
}

/***************************
********Notre Métier********
****************************/

#metier_gauche
{
	width:280px;
	/*height:350px;*/
	float:left;
	/*margin-top:15px;*/
	margin-left:20px;
}
#metier_gauche h2
{
    background-color:#01C1B9;
    text-align: center;
    padding: 0.5em 0;
}

#metier_droite
{
	width:360px;
	/*height:350px;*/
	float:left;
	/*margin-top:15px;*/
	margin-left:60px;
}
#metier_droite h2
{
    background-color:#5B1272;
    text-align: center;
    padding: 0.5em 0;
}


/*#div_title_gauche
{
	width:100%;
	height:50px;
	background-color:#01C1B9;
}

#div_title_droite
{
	width:100%;
	height:50px;
	background-color:#5B1272;
}

.metier_title
{
	font-size:20px;
	margin:0;
	padding-top:10px;
}*/

.list_metier
{
	list-style-position: inside;
	/*font-size:13px;*/
	margin-left:1em;
}
    .bleue {
        list-style-image: url('../_i/Puce_bleue.png');
    }
    .violette {
        list-style-image: url('../_i/Puce_violette.png');
    }

.list_metier li
{
	/*line-height:25px;*/
}


/***************************
********Evénementiel********
****************************/

#event_gauche
{
	width:370px;
	height:350px;
	float:left;
	margin-top:15px;
	margin-left:5px;
}

#event_droite
{
	width:340px;
	height:350px;
	float:left;
	margin-top:15px;
	margin-left:30px;
}

#event_cadre
{
	width:100%;
	height:60px;
	background-color:#D7D4BE;
	border-radius:10px;
	line-height:19px;
    margin-bottom: 2em;
}

.list_event
{
	/*list-style:none;*/
    list-style-position: inside;
	margin-left:1em;
	line-height:20px;
}
    .sm_bleue {
        list-style-image: url('../_i/small_Puce_bleue.png');
    }
    .sm_violette {
        list-style-image: url('../_i/small_Puce_violette.png');
    }

/****************************
***********Edition***********
*****************************/

#edition_gauche
{
	width:320px;
	height:350px;
	float:left;
	margin-top:30px;
	margin-left:5px;
}

#edition_droite
{
	width:340px;
	height:350px;
	float:left;
	margin-top:15px;
	margin-left:60px;
}

/****************************
*********Audiovisuel*********
*****************************/

#audio_gauche
{
	width:320px;
	height:350px;
	float:left;
	margin-top:30px;
	margin-left:5px;
}

#audio_droite
{
	width:340px;
	height:350px;
	float:left;
	margin-top:15px;
	margin-left:60px;
}

/***************************
*********Multimedia*********
****************************/

#multi_gauche
{
	width:320px;
	height:350px;
	float:left;
	margin-top:10px;
	margin-left:5px;
}

#multi_droite
{
	width:340px;
	height:350px;
	float:left;
	margin-top:15px;
	margin-left:60px;
}

.list_multi
{
	/*list-style:none;*/
    list-style-position: inside;
	margin-left:1em;
	line-height:20px;
}

/***********************
*********Contact********
************************/

#contact
{
	background-color:#D7D4BE;
	width:750px;
	height:360px;
	margin-top:20px;
}

#contact_gauche
{
	width:340px;
	height:260px;
	float:left;
	margin-top:15px;
	margin-left:30px;
}

#contact_droite
{
	width:340px;
	height:260px;
	float:left;
	margin-top:15px;
	margin-left:25px;
}
 #contact #form_success {
        text-align: center;
		padding-top:20px;
		margin-bottom:230px;
		font-size:14px;
    }	

	#contact form p
	{
		margin-bottom:16px;
	}
	
  
    #contact  label {
        margin: 0 1em 0 0;
        width: 70px;
        line-height: 25px;
        float: left;
        text-align: left;
		font-size: 12px;
    }
        #contact input {
            font-size: 1.1em;
            padding: 0.3em;
            width: 230px;
            border: 1px solid #AFB7C0;
            -moz-border-radius: 5px;
            -khtml-border-radius: 5px;
            border-radius: 5px;
        }
        #contact input.error {
            font-size: 1.1em;
            padding: 0.3em;
            width: 230px;
            border: 1px solid #ff0000;
            -moz-border-radius: 5px;
            -khtml-border-radius: 5px;
            border-radius: 5px;
        }  
              
		#contact select {
            font-size: 12px;
            padding: 0.3em;
            width: 110px;
            border: 1px solid #AFB7C0;
            -moz-border-radius: 5px;
            -khtml-border-radius: 5px;
            border-radius: 5px;
        }
        #contact  textarea {
            width: 320px;
            height: 140px;
            font-size: 1.1em;
            padding: 0.3em;
            border: 1px solid #AFB7C0;
            -moz-border-radius: 5px;
            -khtml-border-radius: 5px;
            border-radius: 5px;
        }
        #contact  textarea.error {
            width: 320px;
            height: 150px;
            font-size: 1.1em;
            padding: 0.3em;
            border: 1px solid #ff0000;
            -moz-border-radius: 5px;
            -khtml-border-radius: 5px;
            border-radius: 5px;
        }

        #contact   .button_envoyer,#btn_env{
            border: none;
            background: none;
            background: url(../_i/btn_envoyer.png) center center no-repeat;
            width: 88px;
            height: 24px;
        }
        #contact   .button_envoyer_en,#btn_env_en{
            border: none;
            background: none;
            background: url(../_i/btn_envoyer_en.png) center center no-repeat;
            width: 87px;
            height: 20px;
        }        
		
		#contact .button_reset{
			border: none;
            background: none;
            background: url(../_i/btn_reset.png) center center no-repeat;
            width: 94px;
            height: 24px;
        }
    #contact .button_reset_en{
			border: none;
            background: none;
            background: url(../_i/btn_reset_en.png) center center no-repeat;
            width: 94px;
            height: 20px;
        }

#info_contact
{
	float:left; 
	width:350px;
  margin-top:10px;  
	/*height:80px;*/
  border:solid 0px;
}
#info_contact img {
    float: left;
    margin-right: 10px;
}
#info div {
    /*margin-right: 10px;*/
}
#info_contact p {
    margin: 0;
}
#message_erreur{ float:left; width:320px;  margin-left:50px; margin-top:20px;  color:#ff0000;}
  #message_erreur #error_p{ float:left; width:105px; line-height:25px; }
	

   
		
#logo_stetho
{
	float:left;
	margin-left:20px;
}

/***********************
*********Crédits********
************************/

#zorilla
{
	margin-top:20px;
}

#zorilla a
{
	text-decoration:underline;
}

/***********************
*********Boutique********
************************/

#retour_site
{	
	width:228px;
	height:35px;
	float:right;
	margin-top:129px;
	margin-right:70px;
	background:url("../_i/btn_retour.png");
}

#img_pres
{
	width:380px;
	height:386px;
	background:url("../_i/VisuelBoutique.png");
}

#form_desc
{
	width:651px;
	height:314px;
	float:left;
	margin-left:70px;
	margin-top:100px;
	background:url("../_i/EncartDescription.png");	
}


#table_desc
{
	width:400px;
	height:250px;
	margin-left:210px;
	margin-top:40px;
}

#btn_boutique
{
	width:156px;
	height:24px;
	border:none;
	background:url('../_i/BtnBoutique.png');
  cursor:pointer;
}
#btn_boutique_en
{
	width:134px;
	height:22px;
	border:none;
	background:url('../_i/BtnBoutique_en.png');
  cursor:pointer;
}

#boutique_gauche
{
	width:380px;
	height:516px;
	float:left;
	margin-left:50px;
	margin-top:20px;
	padding-bottom:30px;
}

#savoir_plus
{
	width:380px;
	height:130px;
	background-color:#612340;
}

#form_insc
{
	width:650px;
	height:317px;
	background:url('../_i/EncartAdresse.png');
	float:left;
	margin-left:70px;
	margin-top:100px;
}

/*#btn_env
{
	width:53px;
	height:18px;
	border:none;
	background:url('../_i/BtnEnvoyer.png');	
} */

#savoir_gauche
{
	float:left;
	width:220px;
	height:400px;
	margin-left:15px;
	margin-top:15px;
}

#savoir_gauche img
{
	margin-left:33px;
	margin-top:15px;
}

#savoir_centre
{
	float:left;
	width:430px;
	margin-left:40px;
	margin-top:15px;
	margin-bottom:30px;
}

#savoir_droite
{
	float:left;
	width:450px;
	margin-left:40px;
	margin-top:15px;
	margin-bottom:30px;
}

#savoir_droite a
{
	text-decoration:none;
	margin-left:20px;
}

#savoir_droite h3
{
	margin:0;
	line-height:35px;
	border-bottom:2px solid #ED7E1F;
}

#encart_haut
{
	background-color:#E6791A;
	width:100%;
	height:190px;
}

#encart_haut p
{
	padding-left:20px;
}


p.message1 {
    text-align: center;
    margin-top: 100px;
    color: #fff;
    font-size: 1.5em;
}
p.message1 strong {
    color: #fff;
}


.ui-state-default .ui-icon { background-image: url(../_i/Plus.png); }
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon { background-image: url(../_i/Plus.png); }
.ui-state-active .ui-icon { background-image: url(../_i/Moins.png); }

.ui-icon {
    width: 35px;
    height: 35px;
    background-image: url(../_i/Plus.png);
    float: left;
    margin: 0 0 0 0;
}