/*
// GENERAL ////////////////////////////////////////////////////////
*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; margin: 0px; color: #333333
}

li {
	margin: 0px 0px 2px -5px;
}

.fond {
	background-position: bottom center;
	background-image:url(Images/Fond_bas.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}



/*
// POLICES ////////////////////////////////////////////////////////
*/

.arial11blanc {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none
}
a.arial11blanc:hover {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: underline
}

.arial11blancs {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: underline
}
a.arial11blancs:hover {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none
}

.arial11bleu {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #14588B; text-decoration: none
}
a.arial11bleu:hover {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #14588B; text-decoration: underline
}

.arial11bleus {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #14588B; text-decoration: underline
}
a.arial11bleus:hover {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #14588B; text-decoration: none
}

.arial11noir {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none
}
a.arial11noir:hover {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline
}

.arial11noirs {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline
}
a.arial11noirs:hover {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none
}

.arial11rouge {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0000; text-decoration: none
}

.arial14bleu {
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #14588B; text-decoration: none
}

.arial14pourpre {
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #A3184D; text-decoration: none
}

.arial16noir {
	font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; text-decoration: none
}

.arial16bleu {
	font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #14588B; text-decoration: none
}

.arial16pourpre {
	font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #A3184D; text-decoration: none
}

.arial18noir {
	font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; text-decoration: none
}

.arial18pourpre {
	font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #A3184D; text-decoration: none
}


.verdana10blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none
}
.verdana10blanc:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: underline
}

.verdana10blancs {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: underline
}
.verdana10blancs:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none
}

.verdana10bleu {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #14588B; text-decoration: none
}

.verdana10noir {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: none
}
a.verdana10noir:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: underline
}

.verdana10noirs {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: underline
}
a.verdana10noirs:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: none
}

.verdana10pourpre {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #A3184D; text-decoration: none
}
a.verdana10pourpre:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #A3184D; text-decoration: underline
}

.verdana10pourpres {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #A3184D; text-decoration: underline
}
a.verdana10pourpres:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #A3184D; text-decoration: none
}

.verdana11bleu {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #14588B; text-decoration: none
}

.verdana11noir {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none
}
a.verdana11noir:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline
}

.verdana11noirs {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline
}
a.verdana11noirs:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #14588B; text-decoration: none
}

.verdana11pourpre {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #A3184D; text-decoration: none
}
a.verdana11pourpre:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #A3184D; text-decoration: underline
}

.verdana11pourpres {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #A3184D; text-decoration: underline
}
a.verdana11pourpres:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #A3184D; text-decoration: none
}




/*
// FORMULAIRES ////////////////////////////////////////////////////////
*/

form {
	margin: 0; display: inline
}

.case_bouton {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; border:1px #333333 solid; font-weight: normal; text-align: center; height: 16px;
}

.case_formulaire {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; border:1px #14588B solid; font-weight: normal; background-color: #D6DEF3
}

.case_contact {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; border:1px #CCCCBD solid; font-weight: normal; background-image: url(Images/Formulaire_fond.gif); padding: 1px;
}

.case_erreur {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; border:1px #A3184D solid; font-weight: normal; background-image: url(Images/Formulaire_fond.gif); padding: 1px;
}

.case_liste {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; border:1px #333333 solid; font-weight: normal; height: 16px;
}



/*
// SCRIPTACULOUS ////////////////////////////////////////////////////////
*/

#Container {
	border: 1px; width: 535px;
}

#DivDrag {
	padding: 0px; margin: 0px 0px 10px; list-style-type: none;
}

#DivDrag li {
	border: 1px #CCCCCC solid; padding: 5px; background: #DDDDDD; float: left; margin: 0px 5px 5px 0px; text-align: center
}

#DivDrag li a {
	cursor: pointer
}

#DivDrag li img {
	padding: 5px; display: block; background: #FFFFFF
}

#DivDrag .featured {
	right: 4px; background: url(Administrer/Images/Featured.gif) no-repeat 0px 0px; width: 70px; height: 54px; position: absolute; top: 4px
}

HTML #DivDrag .featured {
	background: url(Administrer/Images/Featured.gif) no-repeat 0px 0px
}

.drag-handle {
	cursor: move! important; margin-right: 5px
}

.image_handle {
	cursor: move
}



/*
// COLORBOX ////////////////////////////////////////////////////////
*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#CCCCCC;}

#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(Images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(Images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(Images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(Images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(Images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(Images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(Images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(Images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(Images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(Images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingGraphic{background:url(Images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(Images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}



/*
// CMOTION ////////////////////////////////////////////////////////
*/

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 820px; /* Set to gallery width, in px or percentage */
height: 318px; /* Set to gallery height */
border-top: 7px solid #DEDEDE;
border-bottom: 5px solid #DEDEDE;
}

#motioncontainer img {
border: 1px solid #FFFFFF; /* Set image border color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}


/*
// DIVERS ////////////////////////////////////////////////////////
*/

.cadre_gris {
	padding:15px; border:1px #D4D4D4 solid; background-color: #F8F8F8;
}

.cadre_gris2 {
	padding:5px; border:1px #CCCCBD solid; background-color: #FFFFFF;
}

.cadre_noir {
	padding:2px; border:1px #333333 solid; background-color: #FFFFFF;
}

.cadre_recherche {
	padding:1px; border:1px #CCCCBD solid; background-color: #FFFFFF;
}