/* Largeur skin */
#page {width:1009px; background:#fff url('/../../../../images/cybint/page_border_right.gif') repeat-y 1000px 0;
}
#container {width:1110px;}
#header, #nav1, #main, #band {width:1000px;}
#content, #nav3 {width:770px; padding:0 0 20px 20px;}
#nav2 {width:210px;}
.col21a {width:380px;}
.col21b {width:370px;}
.col22a {width:550px;}
.col22b {width:200px;}
.bloc1 {width:269px; padding:10px;}
#footer {width:980px; padding:20px 10px 10px 10px;}

/* html */
a {color:#138;}
body {margin:0;background-color:#ccc;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;}
div {position:relative;}
h1,h2,h3,h4,p {margin:0;padding:0;}
h1 {font-size:20px;font-weight:normal;}
h2 {font-size:16px;}
h3 {font-size:14px;}
img {border:0;}
li {list-style:square;}
p {margin-bottom:5px;}

/* général */
#page {float:left;}
#header {float:left; height:70px;}
#headerLogo {float:left;width:300px;margin:25px 0 0 0;} 
#headerNav {float:right;margin:5px;}
#headerNav img {padding-left:5px;}
#headerNav a {color:#666;text-decoration:none;}
#headerNav a:hover {color:#138;text-decoration:underline;}

#nav1 {float:left; margin:0 0 10px 0; font-size:14px; font-weight:bold; text-transform:uppercase;}
#nav1 ul {margin:0;padding:0}
#nav1 li {float:left;list-style:none;margin:0;padding:10px;}
#nav1 li:hover {background-color:#000;}
#nav1 li:hover a {color:#fff;}
#nav1 li a {color:#000;text-decoration:none}

#main {float:left; background-color:#eee;}

#band {background-color:#138;color:#fff;}
#band h1 {height:35px;padding:15px 10px 0 10px;font-size:20px;font-weight:normal;}

#nav2 {float:left; padding-top:20px;}
#nav2 a {text-decoration:none;}
#nav2 ul {margin:0;padding:0}
#nav2 ul li {list-style:none;padding:3px 10px 3px 10px;line-height:normal;font-weight:bold;}
#nav2 ul ul li {list-style:square;margin-left:20px;color:#138;font-weight:normal;}
#nav2 li.LinkSelected {background-color:#138;}
#nav2 li.LinkSelected a {color:#fff;}
#nav2 li a:hover {text-decoration:underline;}

#nav3 {float:right; background-color:#fff;}
#nav3 h1 {padding:20px 0 10px 0;font-size:24px;color:#666;}
#nav3 ul {margin:0;padding:0 0 0 5px;border-top:4px #666 solid;background-color:#666;}
#nav3 li {float:left;list-style:none;margin:0;padding:5px;}
#nav3 li.LinkSelected {background-color:#666;color:#fff;}
#nav3 li.LinkSelected a {color:#fff;text-decoration:none;}
#nav3 li a {color:#666;text-decoration:none}
#nav3 li.LinkStandard:hover {background-color:#eee;color:#333;}

#content {float:right; background-color:#fff;}
#content h1 {margin-bottom:20px;font-weight:bold;}
#content h2 {margin:10px 0 10px 0;}
#content h3 {margin:10px 0 10px 0;}
#content li {margin-bottom:5px;}
#content h3,li,p {line-height:18px;}

.col1 {float:left;margin:20px 10px 0 0;}

.col21a, .col22a {float:left;}
.col21b, .col22b {float:right;}

.col21b img {border:1px #ddd solid;border-right:0;margin-bottom:5px;width:269px;overflow:hidden;}
.col21b p {text-align:center;font-family:"Times New Roman", Times, serif;font-style:italic;color:#444;}

.col22b img {margin-bottom:10px;}

.bloc1 {float:right; border:1px #ddd solid; border-right:0; background-color:#eee;}
.date {margin-bottom:20px;font-family:"Times New Roman", Times, serif;font-style:italic;font-size:14px;color:#666;}

.ivu {float:left;margin:20px 0 20px 0;padding:5px;border:1px #ccc solid;}
.ivu img {float:left;margin-right:10px;}
.ivu p {font-style:italic;}

.image1, .image2 {float:right;text-align:center;}
.image1 img, .image2 img {border:1px #ddd solid;border-right:0;}
.image1 p, .image2 p {text-align:center;font-family:"Times New Roman", Times, serif;font-style:italic;color:#444;}
.image1 {margin:5px -10px 5px 5px;}
.image2 {margin-bottom:5px;width:269px;overflow:hidden;}

#footer {float:left; height:20px; background-color:#333; font-size:11px; color:#fff;}
#footerText {float:left;width:70%;}
#footerNav {float:right;width:20%;text-align:right;}
#footerNav a {color:#999;text-decoration:none;}
#footerNav a:hover {text-decoration:underline;}

#bgRight {float:right; height:700px; width:100px; background:url('/../../../../images/cybint/bg_right_logo.gif') no-repeat 0 20px;
}

/*********** HOME ***********/

#content.home {width:570px; padding:20px 215px;}
#content.home h3 {color:#333;}
#content.home img {margin:10px 0 20px 0;}
#content.home em {padding:0 3px; background-color:#cdf;font-style:normal;color:#000;}
#content.home p {text-align:justify;}

/*********** PTCS ***********/

#band.ptcs h1 {background:url('/../../../../images/cybint/bg_blue_ptcs.jpg') no-repeat 720px 0;
}

/*********** NEWS ***********/

#band.news h1 {background:url('/../../../../images/cybint/bg_blue_news.jpg') no-repeat 720px 0;
}

/*********** ELOG ***********/

#band.elog h1 {background:url('/../../../../images/cybint/bg_blue_elog.jpg') no-repeat 740px 0;
}

/*********** AWT ***********/

#band.awt h1 {background:url('/../../../../images/cybint/bg_blue_awt.jpg') no-repeat 740px 0;
}

/*********** JOB ***********/

#band.job h1 {background:url('/../../../../images/cybint/bg_blue_job.jpg') no-repeat 720px 0;
}

/*********** CYBINT ***********/

#band.cybint h1 {background:url('/../../../../images/cybint/bg_blue_cybint.jpg') no-repeat 720px 0;
}