/* ------------------------------- */
/* -- CSS By Prezenz      -- */
/* -- http://www.prezenz.com  -- */
/* -- Copyright 2009      -- */
/* ------------------------------- */

/* ------------------------------- */
/* -- STRUCTURE          -- */
/* ------------------------------- */

* {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

html {
  height:100%;
}

body {
  color:#333333;
  line-height:1.5em;
  font-family:Verdana, sans-serif;
  height:100%;
  font-size:12px;
  background-color:#FFF;
        /*background-image:url(../../images/cagi/xmas_background.jpg);
        background-repeat:no-repeat;
        background-position: center top;
        background-color:#000;*/
}

.design2011 {
    /*background-image:url(../../images/cagi/design2011/bg.gif);
    background-repeat:repeat-y;
    background-position: center top;*/
    background-color:#FFF;
}

/* ------------------------------- */
/* -- WEBSITE          -- */
/* ------------------------------- */

div#page {
  /* Tous les browsers */
  height: auto !important; 
  /* Pour IE */
  height: 100%; 
  margin:0 auto 0 auto;
  /* Tous les browsers */
  min-height: 100%; 
  position: relative;
  text-align: left;
  width:960px;
  background-color:#FFF;
}

/* ------------------------------- */
/* -- COMMUN          -- */
/* ------------------------------- */

a { 
  color:#02488E;
  text-decoration:none;
  outline:none;
}

a:hover {
  color:#666;
}

h1 {
  color:#333333;
  font-family:Verdana, sans-serif;
  font-size:18px !important;
  margin-bottom:10px;
        margin-top:4px;
}

h2 {
  color:#AD0000;
  font-family:Verdana, sans-serif;
  font-size:12px;
  font-style:normal;
  margin-bottom:4px;
        margin-top:4px;
}

h2 strong {
  color:#AD0000;
  font-family:Verdana, sans-serif;
  font-size:12px;
  font-style:normal;
  margin-bottom:4px;
        margin-top:4px;
}

hr.home {
  background-image:url(../../images/cagi/hr_home.gif);
  background-repeat:no-repeat;
  color:#FFF;
  background-color:#FFF;
  height:2px;
  clear:both
}


hr {
  background-image:url(../../images/cagi/hr.gif);
  background-position:center;
  background-repeat:no-repeat;
  color:#FFF;
  background-color:#FFF;
  height:26px;
  margin-top:6px;
  margin-bottom:0px;
  clear:both
}

div.hr {
  background-image:url(../../images/cagi/hr.gif);
  background-position:center;
  background-repeat:no-repeat;
  color:#FFF;
  background-color:#FFF;
  height:26px;
  margin-top:6px;
  margin-bottom:0px;
  clear:both
width:90%;
}

* html hr, *:first-child+html hr {
	border-top:1px solid #869EC2;
	height:5px;
}

a.externe {
  color: #02488E;
  text-decoration:none;
  outline:none;
  border-bottom: 1px dotted #8c8c8c;
}

a.externe:hover {
  color:#333;
}

.image-gauche {
  float: left;
  padding-top: 3px;
  padding-right: 8px;
}

.image-droite {
  float: right;
  padding-top: 3px;
  padding-right: 6px;
  padding-left: 8px;

}

/* ------------------------------- */
/* -- TOPMENU          -- */
/* ------------------------------- */

div#topmenu {
  background-image:url(../../images/cagi/top.gif);
  background-repeat:repeat-x;
  clear:both;
  height:15px;
  padding:9px 5px 9px 5px;
  position:relative;
}

div#topmenu #language{
  float:right;
}

div#topmenu #language a {
  color:#FFF;
  text-transform:uppercase;
}

div#topmenu small {
  color:#FFF;
  text-transform:uppercase;
}

#facebook {
  position:absolute;
  right:90px;  
  top:5px
}

/* ------------------------------- */
/* -- HEADER          -- */
/* ------------------------------- */

div#header {
  background:#FFF;
  clear:both;
  height:220px;
}

div#header div#logo {
  display:none;
}

div#header div#flash {
  display:block;
}

/* ------------------------------- */
/* -- MENU            -- */
/* ------------------------------- */

div#menu {
  background-image:url(../../images/cagi/menu.gif);
  background-repeat:no-repeat;
  clear:both;
  height:29px;
  padding:13px 0 20px 0;
}

div#menu ul {
  list-style:none;
}

div#menu ul li {
  display:inline;
  color:#FFF;
}

div#menu ul li a {
  display:inline-block;
  color:#02488E;

/* change left/right padding to 10px when adding search box*/

  padding:5px 10px 5px 10px;
  font-weight:bold;
  font-size:13px;
}

div#menu ul li a:hover, div#menu ul li a.active {
  background-color:#02488E;
  color:#FFF;
}

div#menu div#search {
  float:right;
  color:#AAA;
  padding-top:4px;
  font-size:9px;
  text-transform:uppercase;
  display:none;
}

div#menu div#search img {
  margin:0px;
  padding:0px;
  vertical-align:top
}

div#menu div#search input {
  border:1px solid #AAA;
  background-color:#DDD;
  padding:2px;
  width:100px;
}

div#menu div#search input.auto {
  border:0px;
  background:none;
  width:auto;
}

/* ------------------------------- */
/* -- MAIN            -- */
/* ------------------------------- */

div#main {
  clear:both;
}        

.christmas {
        text-align:center;
        background-image:url(../../images/cagi/box_xmas.gif);
        background-repeat:no-repeat;
        background-position: left top;
  		padding:17px 10px 17px 10px;
  		height:20px;
font-weight:bold;
color:#145696;
}

div#main .home {
  padding:10px 20px;
  background-image:url(../../images/cagi/home_swish.gif);
  background-repeat:no-repeat;
  background-position:right top;
}

div#main .home #intro {
  padding-top:30px;
        margin-left:51%;
}

div#main .boxes {
  clear:both;
  padding:20px;
}

div#main .boxes .box {
  display:block;
  width:235px;
  padding:0 40px 0 20px;
  float:left;
  border-right:2px dotted #DDD;
}

div#main .boxes .last {
  border-right:0px;
}

div#main .boxes_news {
  clear:both;
  padding:0px 20px;
}

div#main .boxes_news .box_news {
  display:block;
  width:300px;
  padding:0px;
  float:left;
  margin-bottom:10px;
  margin-right:10px;
}

div#main .boxes_news .box_news h2 {
  height:15px;
  width:300px;
  background-image:url(../../images/cagi/design2011/box_top_blue.jpg);
  background-repeat:no-repeat;
  background-position:left top;
  color:#FFF;
  padding:10px 0px; 
  text-align:center;
  margin:0px;
}

div#main .boxes_news .grey h2 {
  background-image:url(../../images/cagi/design2011/box_top_grey.jpg);
}

div#main .boxes_news .box_news .box_middle {
  background-image:url(../../images/cagi/design2011/box_middle.jpg);
  background-repeat:repeat-y;
  background-position:left top;
  width:300px;
  padding:0px;
  margin:0px;
  height:auto !important;
  height:100px;
  min-height:100px;
  font-size:11px
}

div#main .boxes_news .box_news .box_bottom {
  background-image:url(../../images/cagi/design2011/box_bottom.jpg);
  background-repeat:no-repeat;
  background-position:left top;
  width:300px;
  padding:0px;
  margin:0px;
  height:12px;
  font-size:8px;
  line-height:8px;
}

div#main .box_galerie {
	margin-bottom:10px
}

div#main .boxes_news .last {
  padding:0px;
  margin-right:0px !important;
}

.design2011 .boxes_news .box_middle a {
color:#AD0000; font-weight:bold;
background-image:url(../../images/cagi/bullet_red.gif);
  background-repeat:no-repeat;
  background-position:left 4px;
padding-left:10px;
}

.design2011 .boxes_news .box_middle .nolink {
color:#AD0000; font-weight:bold;
background:none;
padding-left:0px;
}

/* Pour les non fixes, voir plus bas dans glider */
div#main .boxes_news .grey .box_middle {
  padding:10px;
  width:280px;
  height:auto !important;
  height:180px;
  min-height:180px;
}

div#main ul, div#main ol {
  margin-left:28px;
}

div#main ul li {
  /*list-style-image:url(../../images/cagi/bullet_red_disc.gif);*/

}

div#main ul ul li {
  list-style-image:url(../../images/cagi/bullet_arrow.gif);

}
  
/* -------------------- right */
  
  div#main div#right {
		display:table-cell;
		float:left;
		padding:10px 0px 40px 0px;
		width:200px;
		vertical-align:top;
		text-align:right;
		font-size:10px;
		line-height:1.2em;
  }
  
/* -------------------- left */
  
  div#main div#left {
    display:table-cell;
    float:left;
    padding:10px 5px 40px 5px;
    width:189px;
    border-right:1px solid #02488E;  
  }
  
  div#main div#left ul {
    margin:0px;
    padding:0px 0px 0px 0px;
    list-style:none;
  }
  
  div#main div#left ul li {
    margin:0px;
    padding:0px;
    list-style:none;
    border-bottom:1px dotted #CCCCCC;
        }
  
  * html div#main div#left ul li {
    margin:0px;
    padding:0px;
    list-style:none;
    list-style-image:none;
    height:1px;
        }
  
  div#main div#left ul li a {
    display:block;
    line-height:normal;
    padding:6px 0;
    /*text-transform:uppercase;*/
    margin:0px;
    font-weight:bold;
  }
  
  div#main div#left ul li a:hover, div#main div#left ul li a.active {
    /*color:#666;*/
                /*color:#AD0000;*/
                color:#666;
                /*background-color:#02488E;*/
  }
  
  div#main div#left ul ul {
    margin-left:15px;
  }
  
  div#main div#left ul ul li a {
    font-weight:normal;
    text-transform:none;
        }

  /* -------------------- center */
  
  div#main div#center {
    display:table-cell;
    float:left;
    padding:10px 20px 0 20px;
    width:520px;
    padding-bottom:40px;
  }

  div#main div#center hr {
    background-image:url(../../images/cagi/hr.gif);
  }

  /* -------------------- centerfull */
  
  div#main div#centerfull {
    display:table-cell;
    float:left;
    padding:10px 20px 0 20px;
    width:720px;
    padding-bottom:40px;
  }
  
  * html div#main div#centerfull {
    width:716px;
  }

  div#main div#centerfull hr {
    background-image:url(../../images/cagi/hr.gif);
  }
  
  /* -------------------- right / box */
  
  div#main div#right hr {
  background-image:url(../../images/cagi/hr_box_right.gif);
        background-color:#EEEEEE;
        background-position:center;
  background-repeat:no-repeat;
  height:25px;
  clear:both
  }

        * html div#main div#right hr, *:first-child+html div#main div#right hr {
           border-top:1px solid #869EC2;
           color:#EEEEEE;
           height:5px;
        }

  div#main div#right .box {
    width:185px;
    text-align:left;
  }

  div#main div#right ul {
    margin-left:15px;
  }

  div#main div#right ul li {
    padding-bottom:4px;
  }
  
  div#main div#right .box .box-top {
    width:185px;
    margin:0px;
    padding:0px;
    background-image:url(../../images/cagi/box_right_top.gif);
    background-repeat:no-repeat;
    background-position:top left;
    height:7px;
    font-size:1px;
    line-height:1px;
  }
  
  div#main div#right .box .box-middle {
    width:165px;
    padding:10px;
    background-color:#EEE;
  }
  
  div#main div#right .box .box-bottom {
    width:180px;
    padding:5px;
    background-image:url(../../images/cagi/box_right_bottom.gif);
    background-repeat:no-repeat;
    background-position:top left;
  }

/* ------------------------------- */
/* -- FORM            -- */
/* ------------------------------- */

div#main .jobs th {
  background:#FFF;
  width:175px;
  padding:3px;
}

div#main .jobs td {
  background:#FFF;
  padding:3px;
}

input {
  border:1px solid #CCC;
  padding:2px;
  width:200px;
  margin-bottom:2px;
}

input.mandatory, select.mandatory, textarea.mandatory {
  border:1px solid #869EC2;
}

input.error, select.error, textarea.error {
  border:1px solid #FF0000;
}

input.auto {
  width:auto !important;
}

input.checkbox {
  width:auto !important;
  border:0px;
}

input.button {
  border:1px #888888 solid;
  padding:4px;
  padding-left:10px;
  padding-right:10px;
  width:auto;
}

fieldset {
  border:1px solid #869EC2;
  padding:10px;
}

legend {
  padding:5px;
  font-weight:bold;
}

textarea {
  border:1px solid #CCC;
  padding:2px;
  width:200px;
  margin-bottom:2px;
}

select {
  border:1px solid #CCC;
  padding:2px;
  width:204px;
  margin-bottom:2px;
}

/* ------------------------------- */
/* -- FOOTER          -- */
/* ------------------------------- */

div#footer {
  background:none;
  clear:both;
  font-size:9px;
  text-transform:uppercase;
  padding:17px 10px 17px 10px;
  height:30px;
  background-image:url(../../images/cagi/footer.gif);
  background-repeat:no-repeat;
}

div#footer div#footer_right {
  float:right;  
}

div#footer div#footer_right ul {
  list-style:none;
}

div#footer div#footer_right ul li {
  list-style:none;
  display:inline
}

table.borders {
  border:1px #cccccc solid;
  border-collapse:collapse;
}

table.borders td {
  border:1px #cccccc solid;
}

#prezenz {
  float:right;
  clear:both;
  padding-top:10px;
  padding-bottom:10px;
  text-transform:none;
}

#prezenz a {
	text-decoration:none;
}

#prezenz .prezenz {
	color:#666666;
}

#prezenz .prezenz-black {
	color:#000000;
}

#prezenz .prezenz-blue {
	color:#6699cc;
}

table.newsletterForm tr td {
  padding:2px;
}

/* ------------------------------- */
/* -- GLIDER		        -- */
/* ------------------------------- */

.glider {
        position:relative;
	width: 298px;
}

.glider .scroller {
	width: 298px;
	overflow: hidden;
        margin:0px;
        padding:0px;
}
		
.glider .scroller .section {
	width: 298px;
	overflow: hidden;
	float: left;
        margin:0px;
        padding:0px 0px;
}
		
.glider .scroller .content { 
	width: 10000px;
        margin:0px;
        padding:0px;
}
		
.glider .section_desc { 
	
        margin:0px;
        padding:0px;
}

.glider h2 {
        padding:5px;
        text-align:center
        
}

.glider .section_date {
        padding:4px 75px;
        background:#EEE;
        text-align:center
}

.glider .section_text {
        padding:10px;
}

.glider .control .previous {
        position:absolute;
        left:10px;
        top:7px;
        padding:0 5px 0 6px;
    background-image:url(../../images/cagi/design2011/arrow_left.gif) !important;
    background-repeat:no-repeat !important;
    background-position:top left !important;
}

.glider .control .next {
        position:absolute;
        right:5px;
        top:7px;
        padding:0 6px 0 5px;
    background-image:url(../../images/cagi/design2011/arrow_right.gif) !important;
    background-repeat:no-repeat !important;
    background-position:top left !important;
}