body, html, div, p, h1, h2, h3, h4, ul, img, form {
	margin: 0;
	padding: 0;
}

html {  }

body {
    text-align: left;
    font-family: "Arial", Verdana, serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    background: #fcf7f5 url("images/body-H.jpg") 0 0 repeat-x;
}

div.bodyH {
    background: url("images/body-bandeau.jpg") center top no-repeat;
}

div.bodyB {
    background: url("images/body-B.gif") left bottom repeat-x;
}

div.page {
    width: 940px;
    margin: 0 auto;
}


/*###########################
#                           #
#	DIVERS              #
#                           #
###########################*/

ul { list-style-type: none; }
a {	text-decoration: none; }
a img { border: 0; }

.clear { clear: both; }
.clearBoth { clear: both; font-size: 1px; height: 1px; }

.error { border: 1px solid #ff0000; }

/* Marge entre 2 Blocks */
.marge-1 { margin-left: 20px; }

/*###############################
#				#
#	HAUT			#
#				#
###############################*/

div.haut {
    width: 942px;
    height: 170px;
    /*background: url("images/haut-fond.jpg") 0 0 no-repeat;*/
}

    div.haut a#logo {
        float: left;
        display: block;
        width: 375px; /* 400 */
        height: 96px; /* 131 */ /* 41 */
        padding: 35px 0 0 25px;
        /*background: url("images/haut-fond.jpg") 0 0 no-repeat;*/
    }

    div.haut div.hautD {
        float: left;
        width: 540px;
        padding-top: 39px;
        /*background: url("images/hautD-fond.gif") 0 68px no-repeat;*/
        font-size: 11px;
        color: #2874a9;
    }

        div.haut div.hautD p {
            padding: 12px 0 0 3px;
            text-transform: uppercase;
        }


    /* Menu haut */
    div.haut div.menu-s1 {
        float: left;
        width: 900px; /* 942 */
        height: 39px;
        padding-left: 42px;
        text-align: center;
    }

        div.haut div.menu-s1 ul { list-style-type: none; }

            /* Niveau 1 */
            div.haut div.menu-s1 ul.n1 { width: 940px; }

                div.haut div.menu-s1 ul.n1 li {
                    position: relative;
                    display: block;
                    float: left;
                }

                    div.haut div.menu-s1 ul.n1 li a {
                        display: block;
                        float: left;
                        padding: 12px 30px;
                        font-size: 13px;
                        font-weight: bold;
                        color: #f5f5f4;
                        text-align: center;
                    }

                        div.haut div.menu-s1 ul.n1 li:hover a { text-decoration: underline; }

            /* Niveau 2 */
            div.haut div.menu-s1 ul.n1 li ul.n2 {
                display: none;
                position: absolute;
                top: 39px;
                left: 0;
                width: 200px;
                padding: 5px 0;
                background: #a42600;
            }

                div.haut div.menu-s1 ul.n1 li ul.n2 li { float: none; }

                    div.haut div.menu-s1 ul.n1 li ul.n2 li a {
                        float: none;
                        width: 180px; /* 200 */
                        padding: 5px 10px;
                        font-weight: normal;
                        text-align: left;
                        color: #f5f5f4;
                        text-decoration: none;
                    }

                        div.haut div.menu-s1 ul.n1 li ul.n2 li:hover a { text-decoration: underline; }

            /* Deroulant */
            div.haut div.menu-s1 ul.n1 li:hover ul.n2 { display: block; }


/*###############################
#				#
#	CONTENEUR		#
#				#
###############################*/

div.conteneur {
    width: 942px;
    padding-bottom: 60px;
}

/* TRACKER */
div.tracker {
    float: left;
    width: 700px;
    padding: 15px 0 10px 240px;
}

    div.tracker, div.tracker span, div.tracker a, body#page-cms div.contenu div.tracker a {
        font-size: 11px;
        color: #30362a;
    }

        div.tracker a, body#page-cms div.contenu div.tracker a { text-decoration: underline !important; }


/*###############################
#				#
#	GAUCHE			#
#				#
###############################*/

div.gauche {
    float: left;
    width: 220px;
}

    /* Bloc Contact */
    /*div.info-contact {
        width: 208px;
        padding: 7px 5px;
        border: 1px solid #084575;
        text-align: center;
    }

        div.info-contact div.titre {
            padding-bottom: 5px;
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
            color: #313131;
        }

        div.info-contact p {
            padding-top: 3px;
            font-size: 14px;
            color: #084575;
        }*/


/*###############################
#				#
#	CONTENU			#
#				#
###############################*/

div.contenu {
    float: left;
    width: 460px; /*502*/
    padding: 0 21px;
}

    /*div.contenu h1 {
        padding-bottom: 10px;
        font-size: 24px;
        font-weight: normal;
        color: #307db2;
    }*/


/*###########################
#							#
#	DROITE					#
#							#
###########################*/

div.droite {
    float: left;
    width: 220px;
}


/*###########################
#							#
#	BAS DE PAGE				#
#							#
###########################*/

div.bas {
    clear: both;
    width: 942px;
    height: 27px; /*39*/
    padding-top: 12px;
    text-align: center;
}

    div.bas, div.bas a {
        font-size: 11px;
        color: #f5f5f4;
        padding: 0 5px;
    }

        div.bas a:hover { text-decoration: underline; }


/*###########################
#							#
#       BLOCK				#
#							#
###########################*/

div.contenu h1, div.contenu h1.s1 {
    padding-bottom: 10px;
    font-family: "Georgia", Arial, serif;
    font-size: 24px;
    font-weight: normal;
    font-style: italic;
    color: #30362A;
}

div.contenu h1.s2 {
    padding: 10px 0 20px 0;
    font-family: "Georgia", Arial, serif;
    font-size: 18px;
    font-weight: normal;
    font-style: italic;
    color: #30362A;
}


/* Menus */
/* Bloc menu-s1 et menu-s2 */
div.conteneur div.menu-s1,
div.conteneur div.menu-s2 {
	float: left;
    width: 220px;
    margin-bottom: 10px;
}

div.conteneur div.menu-s1 div.fondH,
div.conteneur div.menu-s2 div.fondH {
    background-image: url("images/menu-s1-H.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

div.conteneur div.menu-s1 div.fondB,
div.conteneur div.menu-s2 div.fondB {
	padding-bottom: 20px;
    background-image: url("images/menu-s1-B.png");
    background-repeat: no-repeat;
    background-position: 0 bottom;
}

    /*div.conteneur div.menu-s2 {
        background-image: url("images/cont-menu-s2.png");
        background-repeat: no-repeat;
        background-position: 0 0;
    }*/

    div.conteneur div.menu-s1 ul, 
    div.conteneur div.menu-s2 ul { list-style-type: none; }

        /* Niveau 1 */
        div.conteneur div.menu-s1 ul.n1, 
        div.conteneur div.menu-s2 ul.n1 { width: 220px; }

            div.conteneur div.menu-s1 ul.n1 li,
            div.conteneur div.menu-s2 ul.n1 li {
                position: relative;
                display: block;
                width: 220px; /* 220 */
            }

                div.conteneur div.menu-s1 ul.n1 li a,
                div.conteneur div.menu-s2 ul.n1 li a {
                	display: block;
                	width: 194px; /* 220 */
                	padding: 16px 13px 0 13px;
                }
                
                	div.conteneur div.menu-s1 ul.n1 li, div.conteneur div.menu-s1 ul.n1 li a,
                	div.conteneur div.menu-s2 ul.n1 li, div.conteneur div.menu-s2 ul.n1 li a {
	                    font-size: 12px;
	                    font-weight: bold;
	                    color: #252118;
	                    text-align: left;
                	}

	                    div.conteneur div.menu-s1 ul.n1 li:hover a,
	                    div.conteneur div.menu-s2 ul.n1 li:hover a { text-decoration: underline; }

        /* Niveau 2 */
        div.conteneur div.menu-s1 ul.n1 li ul.n2, 
        div.conteneur div.menu-s2 ul.n1 li ul.n2 {
            width: 220px;
            padding: 5px 0 0 0;
        }

            div.conteneur div.menu-s1 ul.n1 li ul.n2 li, 
            div.conteneur div.menu-s2 ul.n1 li ul.n2 li {
                position: relative;
                display: block;
                width: 180px; /* 220px */
                padding: 2px 20px 2px 20px;
            }

                div.conteneur div.menu-s1 ul.n1 li ul.n2 li a, 
                div.conteneur div.menu-s2 ul.n1 li ul.n2 li a {
                	width: 172px; /* 180px */
                    padding: 0 0 0 8px;
                    font-size: 12px;
                    color: #5B4E3D;
                    text-decoration: none;
                    background-image: url("images/puce-01.gif");
                    background-repeat: no-repeat;
                    background-position: 0 6px;
                }

                    div.conteneur div.menu-s1 ul.n1 li ul.n2 li:hover a,
                    div.conteneur div.menu-s2 ul.n1 li ul.n2 li:hover a { text-decoration: underline; }

        /* Niveau 3 */
        div.conteneur div.menu-s1 ul.n1 li ul.n2 li ul.n3 {
        	display: none;
        	position: absolute;
        	top: 0;
        	width: 220px;
        	padding: 5px 10px;
        	background: #daaa79;
			border: 1px solid #ab6c21;
        }
        
        	div.conteneur div.gauche div.menu-s1 ul.n1 li ul.n2 li ul.n3 { left: 220px; }
        	div.conteneur div.droite div.menu-s1 ul.n1 li ul.n2 li ul.n3 { left: -212px; }
        	
		        div.conteneur div.menu-s1 ul.n1 li ul.n2 li ul.n3 li {
		        	width: 220px;
		        	padding: 4px 0;
		        }
		        
		        	div.conteneur div.menu-s1 ul.n1 li ul.n2 li ul.n3 li a {
		        		width: 220px;
		        		padding: 0;
		        		color: #252118;
		        		background-image: none;
		        		text-decoration: none;
		        	}
		        	
		        		div.conteneur div.menu-s1 ul.n1 li ul.n2 li ul.n3 li a:hover { color: #000000; }
        	
        	
        /* Hover */
        div.conteneur div.menu-s1 ul.n1 li ul.n2 li:hover ul.n3 { display: block; }




/* Remonté info s2 */
div.contenu div.remontee-1 {
    float: left;
    width: 202px; /* 220 */
    padding: 8px;
    margin-top: 15px;
    border: 1px solid #ddc9c2;
    background: #ffffff;
}

    div.contenu div.remontee-1 div.photo {
        width: 202px;
        padding-top: 8px;
        text-align: center;
    }

        div.contenu div.remontee-1 div.photo img { border: 1px solid #ababab; }

    div.contenu div.remontee-1 h2 {
        width: 200px;
    }

        div.contenu div.remontee-1 h2, div.contenu div.remontee-1 h2 a {
            font-size: 18px;
            font-style: normal;
            font-weight: normal;
            color: #c36000;
        }

    div.contenu div.remontee-1 h3 {
        width: 200px;
        padding-top: 10px;
    }

        div.contenu div.remontee-1 h3 a {
        	display: block;
            width: 186px; /* 200 */
            padding-left: 14px;
            font-size: 12px;
            font-style: normal;
            font-weight: bold;
            color: #252118;
            background: url("images/fleche-1.gif") 2px 1px no-repeat;
        }

            div.contenu div.remontee-1 h3 a:hover { text-decoration: underline; }

    div.contenu div.remontee-1 p.s1 {
        width: 186px;
        padding: 3px 0 3px 14px;
    }

    div.contenu div.remontee-1 p.s2 {
        width: 186px;
        padding-left: 14px;
    }

        div.contenu div.remontee-1 p.s2 a {
            font-size: 11px;
            color: #bd6300;
            text-decoration: underline;
        }


/* Remontee info 2 */
div.remontee-2 {
    width: 200px; /*220*/
    padding: 5px 9px;
    border: 1px solid #084575;
}

    div.remontee-2 p.titre {
        padding: 15px 0 18px 0;
    }

        div.remontee-2 p.titre a {
            font-size: 17px;
            color: #307db2;
        }

            div.remontee-2 p.titre a:hover { text-decoration: underline; }

    div.remontee-2 p.desc {
        width: 184px; /*200*/
        padding: 0 8px 18px 8px;
        border-bottom: 1px solid #ce1d64;
    }

    div.remontee-2 ul {
        width: 172px; /*200*/
        padding: 18px 14px 0 14px;
    }

        div.remontee-2 ul li {
            width: 172px;
            padding-bottom: 10px;
        }

            div.remontee-2 ul li a {
                width: 160px; /*172*/
                padding-left: 12px;
                color: #084575;
                background: url("images/puce-01.gif") 0 6px no-repeat;
            }

            div.remontee-2 ul li a:hover { text-decoration: underline; }


/* Remonté info (block_1_2_3) */
div.conteneur div.remontee-3 {
    float: left;
    width: 220px;
    margin-bottom: 10px;
}

div.remontee-3 div.fondH {
    background-image: url("images/menu-s1-H.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

div.remontee-3 div.fondB {
    width: 190px; /* 220 */
    padding: 10px 15px 20px 15px;
    background-image: url("images/menu-s1-B.png");
    background-repeat: no-repeat;
    background-position: 0 bottom;
}

    div.conteneur div.remontee-3 p.t1 {
        width: 190px;
    }

        div.conteneur div.remontee-3 p.t1 a {
            font-size: 13px;
            font-weight: bold;
            color: #bd6300;
        }
        
    div.conteneur div.remontee-3 p.t2 {
        width: 190px;
        padding: 14px 0 1px 0;
    }

        div.conteneur div.remontee-3 p.t2 a {
            font-size: 12px;
            font-weight: bold;
            color: #252118;
        }
        
    div.conteneur div.remontee-3 p.s1 { padding: 3px 0; }

    div.conteneur div.remontee-3 p.s2 { padding-top: 1px; }
    
        div.conteneur div.remontee-3 p.s2 a {
            padding-left: 12px;
            font-size: 11px;
            font-weight: bold;
            color: #5b4e3d;
            background-image: url("images/fleche-2.png");
            background-repeat: no-repeat;
            background-position: 4px 1px;
        }






/* Remonté info s1 */
div.bloc_5-2 {
    width: 442px; /* 458 */
    padding: 8px;
    border: 1px solid #ddc9c2;
    background: #ffffff;
}

    div.bloc_5-2 div.left img {
        border: 1px solid #ababab;
    }

    div.bloc_5-2 div.cms h2,
    div.bloc_5-2 div.cms div.t2 {
        padding: 10px 0 0 0;
        margin-bottom: 0;
        border: 0;
    }

        div.bloc_5-2 div.cms h2, div.bloc_5-2 div.cms h2 a
        div.bloc_5-2 div.cms div.t2, div.bloc_5-2 div.cms div.t2 a {
            font-size: 18px;
            font-style: normal;
            font-weight: normal;
            color: #c36000;
        }

    div.bloc_5-2 p.desc {
        /*padding: 15px 0;*/
        color: #282e32;
    }

    div.bloc_5-2 p.lien {
        width: 117px;
        padding: 7px 0;
        margin: 0 auto;
        border: 1px solid #c8c8c8;
        text-align: center;
    }

        div.bloc_5-2 p.lien a {
            padding-left: 12px;
            font-size: 12px;
            color: #4e4e4e;
            text-decoration: none;
            background: url("images/fleche-1.gif") 0 0 no-repeat;
        }

            div.bloc_5-2 p.lien a:hover { text-decoration: underline; }


    /* RECHERCHE 1 ( 9-1 ) */
    div.blk-search-1 {
        width: 220px;
        height: 92px;
        margin-bottom: 10px;
        background: url("images/search-1.png") 0 0 no-repeat;
    }

        div.blk-search-1 p.titre {
            width: 192px; /* 220 */
            padding: 20px 14px 10px 14px;
            font-size: 12px;
            color: #ffffff;
        }

        div.blk-search-1 form {
            width: 209px; /* 220 */
            padding-left: 11px;
        }

            div.blk-search-1 input { vertical-align: middle; }

                div.blk-search-1 input.text {
                    width: 130px; /* 150 */
                    padding: 3px 10px 4px 10px;
                    border: 1px solid #e7b171;
                    color: #626161;
                    background: #ffffff;
                }

                div.blk-search-1 input.submit {
                    width: 29px;
                    height: 23px;
                    margin-left: 5px;
                    border: 0;
                    /*background: url("images/bloc_9-1-submit.gif") 0 0 no-repeat;*/
                    cursor: pointer;
                }

    /* Block Contact */
    div.blk-contact {
        width: 220px;
        height: 92px;
        margin-bottom: 10px;
        background: url("images/search-1.png") 0 0 no-repeat;
    }

        div.blk-contact p.titre {
            width: 192px; /* 220 */
            padding: 15px 14px 15px 14px;
            font-size: 13px;
            text-align: center;
            color: #ffffff;
        }

        div.blk-contact a {
            display: block;
            width: 120px;
            padding: 5px 0;
            margin: 0 auto;
            border: 1px solid #854700;
            font-weight: bold;
            color: #333333;
            text-align: center;
            background: #ffffff;
        }


    /* block comprenant les infos de contact */
    div.info-contact {
        float: left;
        width: 220px; /* 220 */
		margin-bottom: 10px;
    }
    
	div.info-contact div.fondH {
	    background-image: url("images/menu-s1-H.png");
	    background-repeat: no-repeat;
	    background-position: 0 0;
	}
	
	div.info-contact div.fondB {
	    width: 210px; /* 220 */
        padding: 10px 5px;
        text-align: center;
	    background-image: url("images/menu-s1-B.png");
	    background-repeat: no-repeat;
	    background-position: 0 bottom;
	}
    
        div.info-contact p.titre, div.info-contact h1, div.info-contact h2, div.info-contact h3, div.info-contact h4 {
            padding: 2px 0 2px;
            font-size: 15px;
            font-weight: bold;
            text-transform: uppercase;
            color: #c36000;
        }
        
        div.info-contact p {
            padding-top: 3px;
            font-size: 12px;
            font-weight: bold;
            color: #252118;
        }

        div.info-contact p.s4 { padding-top: 10px; }
        div.info-contact p.s7 { padding-top: 10px; }



    /* Formulaire à l'intérieur des blocks' */
    div.block-form {
        float: left;
        width: 220px;
        margin-bottom: 10px;
        /*background-image: url(images/cont-menu-s2.png);
        background-position: 0 0;
        background-repeat: no-repeat;*/
    }
    
	div.block-form div.fondH {
	    background-image: url("images/menu-s1-H.png");
	    background-repeat: no-repeat;
	    background-position: 0 0;
	}
	
	div.block-form div.fondB {
        width: 200px; /* 220 */
        padding: 7px 10px;
        text-align: center;
		padding-bottom: 20px;
	    background-image: url("images/menu-s1-B.png");
	    background-repeat: no-repeat;
	    background-position: 0 bottom;
	}

        div.block-form p.titre {
            padding: 5px 0pt 2px;
            font-size: 15px;
            font-weight: bold;
            text-transform: uppercase;
            color: #c36000;
        }

        div.block-form form {
            width: 200px;
        }

            div.block-form form div { padding-top: 8px; }

                div.block-form form label {
                    display: block;
                    width: 195px;
                    padding-bottom: 2px;
                    text-align: left;
                }

                div.block-form form div input {
                    display: block;
                    width: 191px;
                    padding: 2px;
                    border: 1px solid #ab6c21;
                }

            div.block-form form p {
                width: 195px;
                padding-top: 15px;
                text-align: right;
            }

                div.block-form form p input {
                    padding: 2px 10px;
                    border: 1px solid #ab6c21;
                    background: #daaa79;
                    cursor:pointer;
                }



    /* block Info */
    div.bloc_9-3 {
        overflow: hidden;
        position: relative;
        float: left;
        width: 218px; /*220*/
        margin-bottom: 10px;
        border: 1px solid #5d5342;
        /*background: url("images/bloc_9-3_fond.jpg") 0 0 no-repeat;*/
    }

        div.bloc_9-3 img {
            vertical-align: middle;
            /*opacity: 0.8;
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            filter: alpha(opacity=80);*/
        }

        div.bloc_9-3 p.titre {
            position: absolute;
            top: 0;
            left: 0;
        }

            div.bloc_9-3 p.titre a {
                float: left;
                display: block;
                padding: 4px 8px 4px 4px;
                font-size: 14px;
                font-weight: bold;
                color: #252118;
                background: url("images/fond-opaque-1.png") right 0 no-repeat;
            }

        div.bloc_9-3 p.desc {
            position: absolute;
            top: 36px;
            left: 5px;
            width: 202px;
            height: 60px; /*96*/
            font-size: 12px;
            font-weight: bold;
            font-style: normal;
            color: #313131;
        }

        div.bloc_9-3 p.lien {
            position: absolute;
            bottom: -1px;
            right: 0;
        }

            div.bloc_9-3 p.lien a {
                float: right;
                display: block;
                padding: 3px 8px 3px 10px;
                font-size: 12px;
                font-weight: bold;
                color: #252118;
                background: url("images/fond-opaque-2.png") 0 0 no-repeat;
            }

                div.bloc_9-3 p.lien a:hover { text-decoration: underline; }


    /* vign search */
    div.vign-search {
        width: 442px; /* 458 */
        padding: 8px;
        margin-bottom: 10px;
        border: 1px solid #ddc9c2;
        background: #ffffff;
    }

        div.vign-search div.left { padding-bottom: 0; }

            div.vign-search div.left img {
                border: 1px solid #ababab;
            }

        div.vign-search div.cms h2 {
            padding: 5px 0 0 0;
            margin-bottom: 0;
            border: 0;
        }

            div.vign-search div.cms h2, div.vign-search div.cms h2 a {
                font-size: 16px;
                font-style: normal;
                font-weight: normal;
                color: #c36000;
            }

        div.vign-search p.desc {
            padding: 10px 0;
            color: #282e32;
            text-align: justify;
        }

        div.vign-search p.lien {
            float: right;
            /*text-align: center;*/
        }

            div.vign-search p.lien a {
                padding-left: 10px;
                font-size: 11px;
                color: #5b4e3d;
                background: url("images/fleche-2.png") 0 1px no-repeat;
            }

                div.vign-search p.lien a:hover { color: #000000; }


/*###############################
#				#
#	CMS			#
#				#
###############################*/

div.cms {
    /*width: 475px;*/
}

/* LES TITRES */
    div.cms h2 {
        padding: 25px 0 2px 0;
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: bold;
        color: #c36000;
        border-bottom: 1px solid #c36000;
    }

    div.cms h3 {
        font-size: 14px;
        font-weight: bold;
        color: #626161;
        padding: 10px 0;
        background: url("images/puce-02.gif") 0 13px no-repeat;
    }

    div.cms h4 {
        font-size: 13px;
        font-weight: bold;
        color: #000000;
        padding: 15px 0 5px 0;
    }

/* DIVERS COMMUN */
    div.cms a {
        color: #c26007;
        text-decoration: underline;
    }
    
    div.cms img {
    	padding: 1px;
    	border: 1px solid #626161
    }

    div.cms q {
        display: block;
        color: #000000;
        text-align: center;
        font-style: normal;
        font-size: 10px;
    }


    div.cms ul {
        padding: 10px 0 10px 25px;
        list-style-type: none;
    }

        div.cms ul li {
            padding: 2px 0 2px 15px;
            /*background: url("images/croix_bleue.gif") 0 6px no-repeat;*/
        }

    div.cms .media {
        padding: 20px 0;
        text-align: center;
    }

    div.cms .catcher, div.cms .text1, div.cms .text2, div.cms .text3 {
        padding: 5px 0;
        font-size: 12px;
        text-align: justify;
        color: #333333;
    }

    div.cms .catcher {
        font-weight: bold;
        font-style: italic;
    }

    div.cms .text2 {
        float: left;
        width: 48%;
        margin-right: 2%;
    }

    div.cms .text3 {
        float: left;
        width: 31.5%;
        margin-right: 2%;
    }

    div.cms .last {
        margin-right: 0;
    }

    div.cms .left {
        float: left;
        margin: 0 10px 10px 0;
        text-align: center;
    }

    div.cms .right {
        float: right;
        margin: 0 0 10px 10px;
        text-align: center;
    }


/* Plus d'info + Voir aussi */
div.cms div.menu-s1 { margin-top: 20px; }

div.cms div.menu-s1 div.fondB {
	min-height: 70px;
	padding-top: 16px;
}

	div.cms div.menu-s1 ul.n1 { padding: 0; }
	
		div.cms div.menu-s1 ul.n1 li {
			width: 200px;
			padding: 0 10px;
		}

	div.cms div.menu-s1 ul.n1 li ul.n2 {
		width: 200px;
		padding-top: 10px;
	}
	
		div.cms div.menu-s1 ul.n1 li ul.n2 li {
			width: 200px;
			padding: 2px 0;
		}
	

/*###############################
#				#
#	CONTACT			#
#				#
###############################*/

div.contenu div.form {
    padding-top: 20px;
}

    div.contenu div.form form {
        width: 400px;
        padding-top: 10px;
        font-size: 12px;
        color: #000000;
        text-align: right;
    }

    div.contenu div.form form div {
        width: 400px;
        margin-top: 4px;
    }

    div.contenu div.form form p {
        width: 400px;
        padding: 15px 0 0 0;
    }


    div.contenu div.form label {
        cursor: pointer;
        padding-right: 5px;
    }

    div.contenu div.form input.text, div.contenu div.form textarea {
        width: 178px;
        font-size:12px;
        padding: 3px;
        color: #000000;
        vertical-align: middle;
    }

    div.contenu div.form input.text { vertical-align: middle; }
    div.contenu div.form textarea { vertical-align: top; }

    div.contenu div.form select {
        width: 186px;
        padding: 2px;
    }

    div.contenu div.form input.text, div.contenu div.form textarea, div.contenu div.form select { border: 1px solid #daaa79; }

    div.contenu div.form input.file { margin-top: 4px; }

    div.contenu div.form textarea {
        height: 70px;
        /*margin-bottom: 20px;*/
        background-color: #ffffff;
        overflow-y: auto;
        overflow-x: hidden;
    }

    div.contenu div.form input.error, div.contenu div.form textarea.error, div.contenu div.form select.error {
        border: 1px solid #ff6666;
        background-color: #fde4e4;
    }
    
    div.contenu div.form form input.submit, div.contenu div.form form input#submit {
        padding: 2px 10px;
        background: #daaa79;
        border: 1px solid #ab6c21;
        cursor: pointer;
    }

    div.contenu div.form .erreur {
        margin: 10px 0;
        padding: 5px 0;
        font-weight: bold;
        color: #000000;
        text-align: center;
        background-color: #fde4e4;
        border: 1px solid #ff6666;
    }

    div.contenu div.form form span {
        display: block;
        padding: 2px 0 5px 0;
        color: #ff6666;
    }



/*###############################
#				#
#	ANNUAIRE		#
#				#
###############################*/

body#annuaire  div.contenu h1 { padding: 20px 0; }

body#annuaire  div.contenu h1.golden-h1 { display: none;}

/*div#annuaire ul#golden-n1 {
	padding: 0 0 0 19px;
}*/

	body#annuaire  div.contenu ul#golden-n1 li { list-style-type: none; }

	body#annuaire  div.contenu ul#golden-n1 h2, ul#golden-n1 h3 {
		background: none;
		height: 15px;
		padding: 0;
	}

	body#annuaire  div.contenu ul#golden-n1 h2 { /* Gestion du theme : padding, taille police */
		padding: 10px 0 5px 0;
		font-size: 13px;
	}

	body#annuaire  div.contenu ul#golden-n1 h3 {
		font-size:11px;
		padding: 10px 0 0 0;
	}
		body#annuaire  div.contenu ul#golden-n1 h2 a, ul#golden-n1 h3 a { /* Gestion du theme : couleurs, puces */
			color: #005CD1;
			font-weight: bold;
			padding-left:12px;
			text-transform:uppercase;
		}
		body#annuaire  div.contenu ul#golden-n1 li p {
			width: 430px; /* 450 */
			padding: 10px 0 10px 20px;
			font-weight: bold;
			color: #1690DF;
		}

	body#annuaire  div.contenu ul.golden-n2 { padding: 0 0 0 20px; }

	body#annuaire  div.contenu ul.golden-n2 li { padding: 2px 0 0 10px; }

	body#annuaire  div.contenu ul.golden-n2 li h3 {	/* Gestion du nom du site : padding, taille police, couleurs, puces */
		font-size:11px;
		display: inline;
		padding-left:10px;
		color: #1690DF;
	}

		body#annuaire  div.contenu ul.golden-n2 a {	/* Gestion de la description : taille police, couleurs */
			color: #3d4e57;
		}

	body#annuaire  div.contenu h2#golden-h2 {
		display: none;
	}


/*###################
#                   #
#	PLAN        #
#                   #
###################*/

/* On formatte tout */
body#page-plan div.cms ul { padding: 0; }

    body#page-plan div.cms ul li { padding: 0; }

    body#page-plan div.cms h2, body#page-plan div.cms h3, body#page-plan div.cms h4, body#page-plan div.cms h5,
    body#page-plan div.cms h2 a, body#page-plan div.cms h3 a, body#page-plan div.cms h4 a, body#page-plan div.cms h5 a {
        margin: 0;
        padding: 0;
        border: none;
    }

    /* Niveau 1 */
    body#page-plan div.cms ul.n1 li {
        width: 95%;
        padding: 10px 0 5px 5%;
    }
    
        body#page-plan div.cms ul.n1 li, body#page-plan div.cms ul.n1 li a {
            font-size: 14px;
            font-weight: bold;
            color: #307DB2;
        }

    /* Niveau 2 */
    body#page-plan div.cms ul.n1 li ul.n2 {
        padding: 10px 0 0 0;
    }

        body#page-plan div.cms ul.n1 li ul.n2 li {
            width: 92%;
            padding: 0 0 4px 6%;
        }

            body#page-plan div.cms ul.n1 li ul.n2 li, body#page-plan div.cms ul.n1 li ul.n2 li a {
                font-size: 13px;
                color: #084575;
            }
    


/*###################
#                   #
#	CREDIT      #
#                   #
###################*/

div#credit a {
    color: #333333;;
    text-decoration: none;
    cursor: auto;
}


/*###################
#                   #
#   jCarousel       #
#                   #
###################*/

.jcarousel-skin-tango {
    padding: 15px 0;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 378px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container {
    background: #DFB68E;
    border: 1px solid #AE6F24;
}

/* taille du caroussel */
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 378px;
    height: 110px;
    margin: 0;
}

/* Annule le style de div.cms ul */
ul#mycarousel {
    margin: 0;
    padding: 0;
}

    ul#mycarousel li {
        margin: 0;
        padding: 0 7px;
    }

/* style des li (largeur et hauteur taille de l'image */
.jcarousel-skin-tango .jcarousel-item {
    width: 110px;
    height: 110px;
    text-align: center;
}

    ul#mycarousel li a { text-decoration: none; }

        ul#mycarousel li a span {
            display: block;
            padding-top: 3px;
            font-size: 11px;
            font-weight: bold;
            color: #252118;
            cursor: pointer;
        }

            ul#mycarousel li a:hover span { color: #000000; }



    

/* Fleche précédent */
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    top: 53px;
    background: url(images/prev-horizontal.png) no-repeat 0 0;
}

/* Fleche suivant */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    top: 53px;
    background: url(images/next-horizontal.png) no-repeat 0 0;
}
