/* Reset de tous les styles par défaut */
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;
}

html {
	/*font-size: 14px;			//<---- A activer apres confirmation du devis de fin octobre 2012*/
}

body{
    background: url(../border_g.png) top left repeat-y,
    url(../border_d.png)  top right repeat-y;
    background-attachment : fixed;
	font-family:verdana, arial, helvetica, Sans-serif;
}

h1 {
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-size: 28px;
}

h2 {
	margin: 15px 0px 3px 0px;
	padding: 0;
	font-size: 24px;
	text-align: left;
}

h3 {
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-size: 18px;
	text-align: left;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

#linkEve{
    background:#b9121b;
    text-align: center;
    color: white;
    border: none;
    margin: inherit;
    padding: inherit;
}

#linkPub{
    text-align: center;
    background:#b9121b;
    color: white;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

#linkEve:hover{
    background:#ec454e;
}

#linkPub:hover{
    background:#ec454e;
}

a{
    text-decoration : none;
    font-weight : bold;
    color : gray;
}

input{
    margin-left : 5px;
    background-color : rgb(240,240,240);
}

textarea{
    margin-left : 5px;
    background-color : rgb(240,240,240);
}

p{
    border-bottom : solid gray 1px;
    padding-bottom : 2px;
    margin-bottom : 5px;
}

a:hover{
    font-weight : bold;
    color : red;
}

.dtgTable{
    width : 100%;
    text-align : center;
}

.dtgTable th{
    background-color: gray;
}

.dtgTable tr:hover{
    background-color : rgb(220, 220, 220);
}

.dtgTable td{
    padding : 5px;
    border-left : solid gray 1px;
    border-right : solid gray 1px;
}

.element_left{
    float : left;
    left : 0px;
    top : 0px;
}
.element_center{
    text-align: center;
}

.element_right{
    float : right;
    right : 0px;
    top : 0px;
}

.block{
    width : 700px;
    text-align : center;
}

.block25{
    width : 25%;
}

.cadre{
	margin-top : 10px;
	margin-bottom : 10px;
    background-color: white;
    position : absolute;
    width : 1000px;
    margin-left : -500px;
    left : 50%;
    -moz-box-shadow: 0px 0px 5px red; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 5px red; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 5px red; /* Opera 10.5, IE 9.0 */
}

.banner{
    margin : 5px;
    margin-bottom: 0px;
    background-color : white;
    float : right;
    height : 140px;
}

.menu{
    margin-right : 5px;
    border : solid black 0px;
    height : 50px;
}

.langmenu_link{
    border:0;
    cursor:pointer;
}

.contenus{
    margin : 5px;
    background-color : white;
}

.objet{
    margin : 5px;
    width : 750px;
}

.objetFull{
    width : 100%;
}

.calendar{
    padding : 5px;
    width : 200px;
    height : 200px;
}

.publications{
    padding : 5px;
    width : 200px;
    height : 150px;
}

#googlemap{
    width: 720px;
    height: 500px;
    -moz-box-shadow: 0px 0px 15px green; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 15px green; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 15px green; /* Opera 10.5, IE 9.0 */
}

.formulaire{
    padding : 10px;
}

.item_label{
    float : left;
}

.item_required{
    color : red;
    font-weight : bold;
}

.clear{
    clear : both;
}

.interline{
    clear : both;
    min-height : 10px;
}

.footer{
    margin: 5px;
    position : relative;
    text-align : center;
    margin-top: 50px;
}

#login{
    font-size: 8pt;
    width : 210px;
    position: absolute;
    top: 150px;
    left: 77%;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    background-color: #b9121b;
    -moz-box-shadow: 0px 0px 15px black; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 15px black; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 15px black; /* Opera 10.5, IE 9.0 */
}

#login a{
    color:white;
    font:normal 8pt verdana, arial, helvetica;
    font-weight: bold;
}

#login a:hover{
    text-decoration: underline;
}

#avatar a{
    float: right;
    -moz-box-shadow: 0px 0px 5px white; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 5px white; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 5px white; /* Opera 10.5, IE 9.0 */
}
#avatar a:hover{
    -moz-box-shadow: 0px 0px 5px black; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 5px black; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 5px black; /* Opera 10.5, IE 9.0 */
}

#loginpass a{
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 5px;
    color: white;
}
.line{
    vertical-align : middle;
    margin-bottom : 5px;
}

.btnConnexion{
    text-align : center;
}

.Title{
    font-weight : bold;
    font-size : 16pt;
    color : rgb(150,0,0);
    margin-left : 20px;
}

.warning{
    color : red;
    font-weight : bold;
}

.ListElem{
    width : 75%;
    border-top : solid red 5px;
    border-left : solid red 1px;
    border-right : solid red 1px;
}


ul#navigation-1{
	margin:			0;
    padding:1px 0;
    list-style:		none;
    width:100%;
    /*height:21px;*/
    /*border-top:0px solid #b9121b;*/
    /*border-bottom:0px solid #b9121b;*/
    font:normal 8pt verdana, arial, helvetica;
    background:#b9121b;
}

ul#navigation-1>li{
	margin:0;
    padding:0;
	/*padding-top:	4px;
    padding-bottom:	4px;
	padding-right:	19px;
	padding-left:	19px;*/
	
    position:		relative;
	display:		inline-block;
    
	border-left:	1px solid #b9121b;
    border-right:	1px solid #b9121b;
}

ul#navigation-1>li:hover{
	background:		#ec454e;
    border-left:	1px solid #fff;
    border-right:	1px solid #fff;

}
ul#navigation-1 li a {
	margin-top:		4px;
    margin-bottom:	4px;
	margin-right:	19px;
	margin-left:	19px;
}

ul#navigation-1 li#long{
}

ul#navigation-1 li a:link,
ul#navigation-1 li a:visited{
    display:block;
    text-align:center;
    text-decoration:none;
    background:#b9121b;
    color:#fff;
    height:13px;
}

ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active{
    display:block;
    text-align:center;
    text-decoration:none;
    background:#ec454e;
    color:#ffffff;
    height:13px;
}

ul#navigation-1 li ul.navigation-2{ 
    margin:			0;
	padding:		0;
    /*padding:1px 1px 0;*/
    list-style:none;
    display:none;
    background:		#fff;
    width:146px;
    position:absolute;
    top:			21px;
    left:-1px;
    border:1px solid #b9121b;
    border-top:none;
}

ul#navigation-1 li:hover ul.navigation-2{ 
    display:block;
}

ul#navigation-1 li ul.navigation-2 li{ 
    margin:			0;
	padding:		0;
    width:146px;
    clear:left;
    width:146px;
}
ul#navigation-1 li ul.navigation-2 li a {
	margin: 		0;
	padding-top:	4px;
    padding-bottom:	4px;
}
ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited	{
    clear:left;
    background:#b9121b;
    /*
    */
	width:146px;
    border:none;
    border-bottom:1px solid #ffffff;
    position:relative;
    z-index:1000;
}

ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover {
    clear:left;
    background:#ec454e;
    /*padding:4px 0;*/
    width:146px;
    border:none;
    border-bottom:1px solid #ffffff;
    position:relative;
    z-index:1000;
}

ul#navigation-1 li ul.navigation-2 li ul.navigation-3 {
    display:none;
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    width: 200px;
    left:145px;
    top:-2px;
    padding:1px 1px 0 1px;
    border:1px solid #b9121b;
    border-left:1px solid #b9121b;
    background:#ffffff;
    z-index:900;
}

ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
    display:block;
    width: 200px;
}

ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
    background:#b9121b;
    width: 200px;
}

ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
    background:#ec454e;
}
ul#navigation-1 li ul.navigation-2 li a span {
    position:absolute;
    top:0;
    left:132px;
    /*font-size:12pt;*/
    color:#fe676f;
}

ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span {
    position:absolute;
    top:0;
    left:132px;
   /* font-size:12pt;*/
    color:#ffffff;
}